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; */