微信小程序自定义弹框页面

奋斗的七月

用法:

      this.$refs.verifyPhones.showDialogBtn();

组件内部代码:







需要注意的地方

1、蒙层view中绑定的preventTouchMove函数是一个空函数,使用了catch事件,目的就是阻止touchmove这样一个冒泡事件继续向下传递。
2、蒙层的wxss样式中,指定其大小为100%以占满整个屏幕。
3、模态对话框与蒙层的wxss样式中均有z-index属性,为的是保证对话框始终浮在蒙层的上方(即对话框的z-index始终要比蒙层的大)

你可能感兴趣的:(微信小程序自定义弹框页面)