uni.showLoading({
title: '加载中',
mask: true,
});
设置后浏览器和app端都无效，是最新版的hbuilderx 2.3.7.20191024
2***@qq.com
- 发布：2019-10-28 20:10
- 更新：2025-04-12 03:07
- 阅读：6552
x***@vip.qq.com - 1
我的也是 这个问题！
-
感谢反馈，我在HBX3.99版本测试了APP/微信小程序/h5均为复现该问题，能否提供一下更多上下文信息？比如：哪个端复现？
提供简单的能够复现问题的工程。2024-01-22 15:41
+1 什么时候能修复？
-
感谢反馈，我在HBX3.99版本测试了APP/微信小程序/h5均为复现该问题，能否提供一下更多上下文信息？比如：哪个端复现？
提供简单的能够复现问题的工程。2024-01-22 15:41
1***@163.com - 前端第一菜鸡
我也是，大约在两秒后会禁止点击
-
感谢反馈，我在HBX3.99版本测试了APP/微信小程序/h5均为复现该问题，能否提供一下更多上下文信息？比如：哪个端复现？
提供简单的能够复现问题的工程。2024-01-22 15:41
请问下 这个问题，好像我现在还是能遇到，官方是没有进行修改的么
-
感谢反馈，我在HBX3.99版本测试了APP/微信小程序/h5均为复现该问题，能否提供一下更多上下文信息？比如：哪个端复现？
提供简单的能够复现问题的工程。2024-01-22 15:41
@HRK_01 你好，我也遇到了这个问题，看谷歌浏览器调试工具发现直接原因是因为：
用于实现mask的div节点style设置了background: transparent;
<div class="uni-mask" style="background: transparent;"></div>
详情情况请看下面的截图
我猜测有问题的代码位置是：https://github.com/dcloudio/uni-app/blob/v3.0.0-alpha-4050720250320001/packages/uni-h5/src/service/api/ui/popup/toast.tsx 第83行
以下是我的开发环境信息：
hbuilder版本是4.57
项目类型是uni-app，创建项目的模板是：Hello uni-app, vue版本3，不启用uni-app x
uniapp-cli-vite\node_modules\@dcloudio\uni-h5 版本是 3.0.0-alpha-4050720250320001
运行方式：在浏览器中运行
我临时workround方法：在App.vue style里增加代码：
.uni-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
让background: transparent;无法生效
-
-
回复 恭喜n发财: 我遇到的问题是mask传入true没有出现一个透明的蒙层.
官方文档：mask boolean 是否显示透明蒙层，防止触摸穿透，默认：false
"是否显示透明蒙层"，我的预期是会出现一个具有透明度的一个可视化蒙层，然后在官方的css代码 .uni-mask有这行代码: background: rgba(0,0,0,0.5) ，这行css代码是否证明了我的预期是正确的？2025-04-14 10:54
-
回复 2***@qq.com: 不知道你在说什么，你要证明有没有透明度为0的蒙层 可以直接在浏览器控制台吧background: transparent;注释掉看效果，，官方的css代码 .uni-mask有这行代码: background: rgba(0,0,0,0.5) ，不相当正常吗，uni-mask 在其他组件也有使用 比如 modal，popup等组件 ，showloading的mask 加了background: transparent; 就是为了不看的uni-mask自带的底色
2025-04-14 11:24
-
回复 恭喜n发财: 嗯，get到你意思了，原来官方的透明蒙层，指的是100%透明，我之前理解(也是我预期)的是具有一定透明度的蒙层，而非100%透明
2025-04-15 11:19
HRK_01
请问现在的版本还会复现该问题吗
2024-01-22 15:23
lizzy
回复 HRK_01: 现在还会复现，请问什么时候可以好
2024-12-18 10:01
lizzy
回复 HRK_01: uniapp 微信小程序的
2024-12-18 10:01