怎么在微信小程序利用modal弹出框实现一个遮罩层组件-创新互联
今天就跟大家聊聊有关怎么在微信小程序利用modal弹出框实现一个遮罩层组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联公司于2013年创立,先为雨山等服务建站,雨山等地企业,进行企业商务咨询服务。为雨山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。js
Page({ data: { hiddenModal1:true, hiddenModal2:true, input:null }, showModal1:function(e){ this.setData({hiddenModal1:false}) }, model1confirm:function(e){ this.setData({ hiddenModal1: true }) wx.showToast({ title: '我觉得OK', }) }, model1cancel:function(e){ this.setData({ hiddenModal1: true }) wx.showToast({ title: '我觉得不行', }) }, input:function(e){ this.setData({input:e.detail.value}) }, showModal2: function (e) { this.setData({ hiddenModal2: false }) }, model2confirm: function (e) { this.setData({ hiddenModal2: true }) wx.showToast({ title: '确定' +this.data.input, icon:'none' }) }, model2cancel: function (e) { this.setData({ hiddenModal2: true }) wx.showToast({ title: '取消'+this.data.input, icon: 'none' }) } })
wxml
modal是真的好用
看完上述内容,你们对怎么在微信小程序利用modal弹出框实现一个遮罩层组件有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
文章题目:怎么在微信小程序利用modal弹出框实现一个遮罩层组件-创新互联
文章URL:http://scjbc.cn/article/cdgish.html