微信小程序增加遮罩,防止连续的点击

设置css文件

/*遮罩  */
.mask{
  width:100%;
  height:100%;
  position:fixed;
  background-color:#999;
  z-index:9999;
  top:0;
  left:0;
  opacity:0.5;
}

然后是html

<!--遮罩  -->
<view class='mask' wx:if="{{flag}}"></view>

最后再js页面中叫进行flag的设置即可控制遮罩(对点击有效,对滑动无效)