uniapp遮罩层遮住tabbar上
时间: 2023-08-29 08:05:32 浏览: 59
可以尝试在遮罩层的样式中添加 `z-index` 属性,将其设置为比 tabbar 的 `z-index` 属性值更大,这样遮罩层就可以覆盖在 tabbar 上方了。例如:
```css
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999; /* 设置为比 tabbar 的 z-index 更大的值 */
}
```
如果以上方法还是无法解决问题,可以考虑将 tabbar 放到一个独立的组件中,在需要遮罩层的页面中将该组件引入并放在最上面,然后在遮罩层中通过 `vue` 的 `provide` 和 `inject` 方法来获取该组件的 `z-index` 值,从而动态设置遮罩层的 `z-index` 属性值。
阅读全文