小程序
小游戏
企业微信
微信支付
扫描小程序码分享
page-container 默认点击遮盖层会关闭组件,怎么才能设置禁止点击遮盖层关闭组件?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把 page-container 铺满整个页面,自己做遮罩层
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<!-- wxml -->
<page-container show="{{true}}">
<view class="detail-mask" catchtouchmove="stopTouchMove"></view>
<view class="detail-page" catchtouchmove="stopTouchMove">
<!-- 你的代码 -->
</view>
</page-container>
/* wxss */
.detail-mask{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.detail-page {
position: relative;
min-height: 300px;
// js
stopTouchMove() {}, // 阻止穿透蒙层
真是奇技淫巧。。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把 page-container 铺满整个页面,自己做遮罩层
<!-- wxml -->
<page-container show="{{true}}">
<view class="detail-mask" catchtouchmove="stopTouchMove"></view>
<view class="detail-page" catchtouchmove="stopTouchMove">
<!-- 你的代码 -->
</view>
</page-container>
/* wxss */
.detail-mask{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.detail-page {
position: relative;
min-height: 300px;
}
// js
stopTouchMove() {}, // 阻止穿透蒙层
真是奇技淫巧。。