微信小程序 --- 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});
  }
})

 

posted @ 2018-03-01 17:56  帅到要去报警  阅读(3727)  评论(0编辑  收藏  举报