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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM