uniapp 日期选择器挡住tabbar
时间: 2023-08-30 19:11:04 浏览: 149
uniapp小程序tabbar图标
如果在使用uniapp开发中,发现日期选择器挡住了tabbar,可以尝试以下方法解决:
1. 将日期选择器组件的 z-index 属性设置为比 tabbar 的 z-index 更小的值,例如:
```
<uni-calendar :z-index="99"></uni-calendar>
```
2. 将日期选择器组件放在一个固定大小的容器内,并设置容器的 z-index 属性为比 tabbar 更小的值,例如:
```
<div class="calendar-container" style="z-index:99">
<uni-calendar></uni-calendar>
</div>
```
3. 如果以上方法都不行,可以尝试将 tabbar 的 z-index 属性设置为更大的值,例如:
```
<uni-tab-bar :z-index="100"></uni-tab-bar>
```
以上方法中,z-index 属性的值越大,组件就会越靠上层。可以根据实际情况进行调整。
阅读全文