uni-app tabbar 的borderStyle配置为white,鸿蒙仍是黑色,微信小程序无问题
uni-app tabbar 的borderStyle配置为white,鸿蒙仍是黑色,微信小程序无问题
示例代码:
"tabBar": {
"color": "#242424",
"selectedColor": "#fcaf17",
"backgroundColor": "#f2f4f9",
"list": []
}
操作步骤:
真机运行到鸿蒙即可复现
预期结果:
预期白色生效,或者可以支持透明
实际结果:
不管怎么设置都是黑色
bug描述:
tabBar 配置 “borderStyle”: “white”, 鸿蒙真机运行,仍然是黑色的一条线,微信小程序是白色的。
相关链接:

更多关于uni-app tabbar 的borderStyle配置为white,鸿蒙仍是黑色,微信小程序无问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
下个版本会带上。兼容方案请参考这个问题
https://ask.dcloud.net.cn/question/214054
更多关于uni-app tabbar 的borderStyle配置为white,鸿蒙仍是黑色,微信小程序无问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
请问下个版本什么时候发布?试了兼容方案没有效果?
回复 imseantang: 还要等等。有问题可到原帖反馈
这是一个已知的鸿蒙系统兼容性问题。在鸿蒙系统上,tabbar的borderStyle配置目前确实存在不生效的情况,系统默认使用黑色边框。
目前可行的解决方案是:
- 使用CSS覆盖方案:通过设置页面底部内边距来遮挡默认边框
.uni-tabbar {
box-shadow: 0 -1px 0 #ffffff !important;
}

