IT的开始之路——微信小程序

Posted 2020-10-10

modal （只是简单的应用--点击“退出”或是“ok”按钮则隐藏modal）：

在 .wxml

<modal 
    title="退出测试"
     hidden="{{hiddenModal}}"
     confirm-text="ok"
     cancel-text="退出"
     bindconfirm="listenerConfirm"
     bindcancel="listenerCancel" >
     您是否真的要退出应用
</modal>

 listenerConfirm & listenerCancel函数：在相应的js中

data: {
    hiddenModal: false//一开始就显示modal
  },

 

listenerConfirm: function () {
    this.setData({
      hiddenModal: true//将modal隐藏
    })
  },

  listenerCancel: function () {
    this.setData({
      hiddenModal: true//将modal隐藏
    })