遮罩层都知道就是一个通过触发事件让其显示的弹出层
<view class="mask" v-if="checknum !==0" catchtouchmove='ture' @touchmove.stop.prevent></view>
- v-if 中写入判断条件
- catchtouchmove=‘ture’ 这个属性打开就会静止绑定弹出层的滑动
- 使用场景: 第一次做的项目中上传版本的时候出现了,微信开发者工具上可以做到效果, 然而真机不行, 百度得知的这个属性。加上去, 噢力给!!!!
- 记录一下: mask遮罩层 不要单独的放在scroll-view标签的外边儿!!!! 可以放在里面或者在外边也套上一个scroll-view标签并属性, 但是还是推荐scroll-view (我的个人想法)
给最外面的和盒子设置 relative
.mask {
position: fixed;
bottom: 0;
width: 750rpx;
height: 100vh;
background: rgba($color: #000000, $alpha: .3);
}
mask的样式这样就行了, 让其固定,宽度750rpx, 高度满视口,定位在页面的底部!