
去掉 uview ui dropdown 的下拉菜单遮罩层
在 uview ui 的 dropdown 下拉菜单组件中,默认会有一个遮罩层。对于无需遮罩层的情况,可以按照以下步骤将其去除:
- 打开 uview ui 的 dropdown 组件源码。
- 找到以下 css 样式:
/deep/ .u-dropdown__content__mask {
opacity: 1;
}- 将 opacity 值改为 0:
/deep/ .u-dropdown__content__mask {
opacity: 0;
}- 即可去除遮罩层。
这种方法会更改所有 dropdown 组件的遮罩层行为。如果需要仅对特定 dropdown 实例移除遮罩层,可以在实例的局部样式中添加上述 css 即可。
效果预览
去除遮罩层后的效果如下图所示:
[image of dropdown without mask layer]










