uniapp设置tabbar height属性无效
时间: 2023-09-25 11:11:43 浏览: 515
可能原因:
1. 在设置tabbar的height属性时,没有加上单位,导致无效。
2. 在设置tabbar的height属性时,设置的值太小或太大,导致没有效果。
3. 在设置tabbar的height属性时,被其他样式属性覆盖了,导致无效。
解决方法:
1. 在设置tabbar的height属性时,一定要加上单位,例如:height: 50px;
2. 在设置tabbar的height属性时,要根据实际情况设置合适的数值。
3. 在设置tabbar的height属性时,要确保没有被其他样式属性覆盖,可以使用!important关键字强制生效。例如:height: 50px!important;
相关问题
uniapp设置tabbar height无效
可能是因为设置的高度不够大,或者是被其他样式覆盖了。可以尝试在样式中加上 !important 来确保样式生效,例如:
```
.tabbar {
height: 100px !important;
}
```
如果还是无效,可以检查一下是否有其他样式影响了 tabbar 的高度,或者在页面中使用了其他组件导致高度被覆盖。
uniapp设置tabbar高度无效
Uniapp中设置tabbar高度的方法是通过在pages.json文件中的"globalStyle"属性下添加"tabBar"属性来进行设置,如下所示:
```
"globalStyle": {
"tabBar": {
"height": "100px"
}
}
```
但是,如果设置后发现高度无效,可能是由于以下原因:
1. 所设置的高度值不合法或者不够大,可以尝试设置更大的值或者使用rem单位来进行设置;
2. 在tabbar组件中设置了固定高度,导致全局设置无效,可以尝试在tabbar组件中通过style属性来进行高度设置,如下所示:
```
<uni-tabbar style="height: 100px;">
...
</uni-tabbar>
```
3. 其他样式冲突或者覆盖,可以通过浏览器调试工具查看样式规则的优先级以及是否存在覆盖。
阅读全文
相关推荐





