微信小程序 modal详解及实例代码

微信小程序 modal详解及实例代码

微信小程序 开发文档，相关文章：

微信小程序  action-sheet

微信小程序 modal

微信小程序 toast

微信小程序 loading

微信小程序 modal

对话弹窗

属性名

类型

默认值

说明

title

String

标题

hidden

Boolean

false

是否隐藏整个弹窗

no-cancel

Boolean

false

是否隐藏cancel按钮

confirm-text

String

确定

confirm按钮文字

cancel-text

String

取消

cancel按钮文字

bindconfirm

EventHandle

点击确认触发的回调

bindcancel

EventHandle

点击取消以及蒙层触发的回调

示例：

这是对话框的内容。

没有标题没有蒙层没有确定的mhttp://odal

内容可以插入节点

点击弹出modal2

Page({

data: {

modalHidden: true,

modalHidden2: true

},

modalTap: function(e) {

this.setData({

modalHidden: false

})

},

modalChange: function(e) {

this.setData({

modalHidden: true

})

},

modalTap2: function(e) {

this.setData({

modalHidden2: false

})

},

modalChange2: function(e) {

this.setData({

modalHidden2: true

})

},

})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。