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的右上角红色角标的颜色,无法修改,苹果端正常。


回到顶部