微信

微信小程序 — model弹框

云博小周宇1 Min Read

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});
  }
})