微信小程序 --- action-sheet底部弹框

action-sheet：从屏幕底部弹出一个菜单，选择：

使用的时候，在给不同的 action-sheet-item 添加不同的事件。

效果： （这里的确定可以有多个）

代码：

<button type="primary" bindtap="btnclick">按钮</button>
<action-sheet hidden="{{onOff}}">
    <action-sheet-item class='item'>确定</action-sheet-item>
    <action-sheet-cancel class='cancel'>取消</action-sheet-cancel>
</action-sheet>

JS：

//获取应用实例
const app = getApp()
Page({
  data: {
      onOff:false 
  }, 
  btnclick:function(){
      this.setData({onOff:false});
  }
})

 

来源：oschina

链接：https://my.oschina.net/u/4417595/blog/4247276