uniapp 微信小程序禁止遮罩层或弹框滑动触发底下页面的滑动

最新推荐文章于 2024-10-19 16:39:36 发布

公孙元二

最新推荐文章于 2024-10-19 16:39:36 发布

阅读量1.8k

点赞数

分类专栏：微信小程序/开发者工具/uniapp/HBuilder 文章标签： uniapp 微信小程序禁止底层滑动

本文链接：https://blog.csdn.net/Amnesiac666/article/details/124823754

版权

微信小程序/开发者工具/uniapp/HBuilder 专栏收录该内容

100 篇文章 13 订阅

订阅专栏

加上这行代码，禁止蒙版下的页面滚动：

@touchmove.stop.prevent=""

示例：

        <!-- 全屏遮罩层 - 文件上进度 -->
        <u-overlay :show="isShowFileUploadLoading">
            <view @touchmove.stop.prevent="" style="display: flex;align-items: center;justify-content: center;height: 100%;padding:0 50rpx;">
                <view>
                    <view style="color:white;margin-bottom:20rpx;">处理中，请耐心等待</view>
                    <u-line-progress :percentage="uploadFileProcess" activeColor="#ff0000" height="16" :showText="false"></u-line-progress>
                </view>
            </view>
        </u-overlay>