uniapp遮罩层遮住tabbar上
时间: 2023-09-02 20:14:18 浏览: 24
你可以在`App.vue`中添加一个`cover-view`组件,将其放置在`tabbar`上方,作为遮罩层。例如:
```html
<template>
<div>
<!-- 这里是tabbar -->
<tabbar>
...
</tabbar>
<!-- 遮罩层 -->
<cover-view
v-show="showMask"
style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);">
...
</cover-view>
</div>
</template>
<script>
export default {
data() {
return {
showMask: true // 控制遮罩层的显示
}
}
}
</script>
```
你可以通过控制`showMask`的值来显示或隐藏遮罩层。在需要遮挡`tabbar`的地方设置`showMask`为`true`,在不需要的时候设置为`false`即可。