最近在写微信小程序(procedure)的时候用到了模态弹窗，但是发现微信官方给的wx。showModal(OBJECT)可自定义性还是太少，满足不了某些情况下的需求。比如，用户点击了蒙层，而不是点击取消(Cancel)按钮，弹窗也会去执行取消事件，并且将弹 。。
最近在写微信小程序(procedure)的时候用到了模态弹窗，但是发现微信官方给的wx。showModal(OBJECT)可自定义性还是太少，满足不了某些情况下的需求。
比如，用户点击了蒙层，而不是点击取消(Cancel)按钮，弹窗也会去执行取消事件，并且将弹窗关闭。
宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。文档里并没有屏蔽蒙层点击事件的属性(property)，也没有办法通过其他的方式去屏蔽。
所以就写了一个可随意自定义的第三方弹窗插件【wxPopup】
使用方法也很简单，在要调用弹窗的位置使用this。showModel()方法，传入一些参数(parameter)，就可以将弹窗显示出来。
this。showModel({ ModelId: 1, ModelTitle: '标题
(2)', ModelContent: '感谢使用wxPoput自定义模态弹窗,一个可以随意自定义样式的微信小程序弹窗插件。已经开源到GitHub上。'})
弹窗的取消事件
//取消事件ancel: function(e){
if (e。currentTarget。dataset。modelid == 0){
console。log("用户点击了取消(Cancel)
(1)")
} else if (e。currentTarget。dataset。modelid == 1){
console。log("用户点击了取消
(2)")
}}
弹窗的确定事件
//确定事件confirm: function(e){
if (e。宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。currentTarget。dataset。modelid == 0) {
console。log("用户点击了确定
(1)")
} else if (e。currentTarget。dataset。modelid == 1) {
console。log("用户点击了确定
(2)")
}
//关闭模态弹窗
this。setData({
isShowModel: false
})}
可以通过判断e。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。currentTarget。dataset。modelid执行对应弹窗的事件
弹窗的显示逻辑就是这样，然后样式的话大家可以随意自定义，相信大家可以玩出更多的花样。
最后喜欢这个插件的话就给点个赞呗！
项目：httPHOTOSHOP://gitee。com/zhangyubk/wxPoput
