uni-app 弹出框遮盖底部tabbar方法
从底部弹出的弹框
要实现从底部弹出的弹框遮住底部原生的tabbar,可以使用以下方法:
-
设置弹框的样式属性:将弹框的 'position' 属性设置为 'fixed',并将其 'bottom' 属性设置为 '0',使其固定在底部。
-
设置底部原生的tabbar的样式属性:将底部原生的tabbar的 'z-index' 属性设置为一个较小的值,例如 '-1',使其处于弹框之下。
下面是一个示例代码:
.popup {
position: fixed;
bottom: 0;
}
.tabbar {
z-index: -1;
}
通过以上设置,弹框会覆盖在底部原生的tabbar之上,从而实现遮住底部原生的tabbar的效果。
原文地址: http://www.cveoy.top/t/topic/NXu 著作权归作者所有。请勿转载和采集!