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配置目前确实存在不生效的情况,系统默认使用黑色边框。

目前可行的解决方案是:

  1. 使用CSS覆盖方案:通过设置页面底部内边距来遮挡默认边框
.uni-tabbar {
  box-shadow: 0 -1px 0 #ffffff !important;
}
回到顶部