微信小程序自定义模态弹窗插件

弹窗的取消事件

1. //取消事件
2. ancel: function(e){
3. if (e.currentTarget.dataset.modelid == 0){
4. console.log("用户点击了取消(1)")
5. } else if (e.currentTarget.dataset.modelid == 1){
6. console.log("用户点击了取消(2)")
7. }
8. }

弹窗的确定事件

1. //确定事件
2. confirm: function(e){
3. if (e.currentTarget.dataset.modelid == 0) {
4. console.log("用户点击了确定(1)")
5. } else if (e.currentTarget.dataset.modelid == 1) {
6. console.log("用户点击了确定(2)")
7. }
8. //关闭模态弹窗
9. this.setData({
10. isShowModel: false
11. })
12. }

可以通过判断e.currentTarget.dataset.modelid执行对应弹窗的事件

弹窗的显示逻辑就是这样，然后样式的话大家可以随意自定义，相信大家可以玩出更多的花样。

最后喜欢这个插件的话就给点个赞呗！