记录微信小程序遮罩层

1，微信小程序的遮罩层一般都会产生穿透问题，大部分情况只要在遮罩层的最外级标签上加上 

catchtouchmove="ture" 属性就没问题了，注意，这种在开发者工具上是看不到效果的，要在真机上查看

 

2，遮罩层无法覆盖微信小程序自带tabber的问题，微信小程序写在全局app.json中的tabber,级别最高，无法被遮罩，可以迂回，一是写自定义的tabber，而是使用小程序自带api,

wx.hideTabBar({})   隐藏tabber导航   

wx.showTabBar({})  显示tabber导航

 

3，首次进入页面自己弹出的遮罩层，在页面刷新后和从另一个页面跳回此页面后遮罩层依旧弹出问题，一，将遮罩层弹出方法放在onshow中调用可以解决页面刷新弹出问题，但再次进入页面依旧后弹出，二，将方法在onready周期中调用只有在页面首次进入会执行方法

 

 

遮罩层的两种使用方式

一：点击遮罩区域就可以关闭遮罩层

首先定义一个遮罩层  

<view class='mask' hidden='{ {maskFlag}}'  bindtap='yincang'></view>

css

.mask{

width:100%;

height:100%;

position:fixed;

">#999;

/* z-index:9999; */