uni-popup如何遮挡住uniapp自带的tabbar
时间: 2023-09-24 13:06:09 浏览: 42
angular-rt-popup:一个更好的 Bootstrap popover 版本,用于 Angular.JS
要使用uni-popup遮挡住uni-app自带的tabbar,您需要在uni-popup中添加一个z-index属性,使其比tabbar的z-index更高。在您的popup组件中,添加以下css样式:
```css
.uni-popup {
z-index: 999; /* 设置一个比tabbar更高的值 */
}
```
请注意,popup组件的z-index值必须大于tabbar组件的z-index值,才能实现遮挡效果。如果仍然无法遮挡住tabbar,请尝试调整z-index值,直到达到所需的效果。
阅读全文