"tabBar": {
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"height":"0px",
"list": [
{
"pagePath": "pages/tabbar/index",
"text": "",
}
]
}
半驯之马
- 发布：2024-08-24 14:14
- 更新：2024-08-24 15:56
- 阅读：131
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.24
手机系统： Android
手机系统版本号： Android 10
手机厂商： OPPO
手机机型： 一加 PHK110
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
vue3项目在pages.json中设置tabBar的height属性
vue3项目在pages.json中设置tabBar的height属性
预期结果：
应能正常显示
应能正常显示
实际结果：
仍旧固定50px，没有按照设置的高度显示
仍旧固定50px，没有按照设置的高度显示
bug描述：
设置tabBar的height属性无效，如"height":"20px"
2024-9-12 更正
设置tabBar的height属性为0px时无效，只能通过hideTabBar来隐藏tabbar
半驯之马 (作者)
后续测试发现是0px时无效，无法通过设置height为0px来隐藏tabbar
2024-09-12 10:26
爱豆豆
回复 半驯之马: 你要隐藏tabbar 直接用 uni.hideTabBar 不就行了？
2024-09-12 10:40
半驯之马 (作者)
回复 爱豆豆: 话是这么说，hideTabBar没有将tabbar高度设置为0来得直接，hideTabBar是有一定执行时间和动画，在低性能的手机上是有闪烁的风险，而height为0是应用在初始化的时候就已经处理好了
2024-09-12 11:55