微信小程序 --- model弹框

时间：2018-03-01 19:48:48 收藏：0 阅读：1185

model弹框：在屏幕中间弹出，让你进行选择：

效果：

技术分享图片

代码：

<button type="primary" bindtap="btnclick">按钮</button>
<modal title="标题" confirm-text="确认" cancel-text="取消" hidden="onOff" bindconfirm="modalConfirm" bindcancel="modalCancel">
这里是会话内容
</modal>

page.js：

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