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