pages中使用redDotColor修改tabbar右上角红点提示失败
pages中使用redDotColor修改tabbar右上角红点提示失败
项目属性 | 信息 |
---|---|
产品分类 | uniapp/App |
PC开发环境 | Windows |
PC开发环境版本 | 19045.5487 |
HBuilderX类型 | 正式 |
HBuilderX版本 | 4.24 |
手机系统 | Android |
手机系统版本 | Android 12 |
手机厂商 | OPPO |
手机机型 | opop a72 |
页面类型 | vue |
vue版本 | vue3 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
示例代码:
"tabBar": {
"color": "#C2C2C2",
"selectedColor": "#F9871C",
"backgroundColor": "#111222",
"borderStyle": "black",
"redDotColor": "#FF6C59",
"height": "60px",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/tabbar/shou.png",
"selectedIconPath": "static/tabbar/shou.png",
"text": "首页"
},
{
"pagePath": "pages/msg/index",
"iconPath": "static/tabbar/xiaoxi.png",
"selectedIconPath": "static/tabbar/xiaoxi.png",
"text": "消息"
}
]
}
操作步骤:
把上面这部分代码放入pages.json
中。
预期结果:
tabbar右上角角标颜色变为#FF6C59
实际结果:
tabbar右上角角标颜色还是默认的红色
bug描述:
uniapp在app的安卓端在pages.json
中使用 redDotColor
修改原生tabbar的右上角红色角标的颜色,无法修改,苹果端正常。