b***@163.com
b***@163.com
  • 发布:2024-08-24 23:06
  • 更新:2024-08-26 17:09
  • 阅读:171

【报Bug】tabBar iconfont 的color值无效,selectedColor值有效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: Alpha

HBuilderX版本号: 4.26

手机系统: Android

手机系统版本号: Android 15

手机厂商: 华为

手机机型: nova10

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

theme.json
{
"light": {
"navBgColor": "#F58A33",
"navTxtStyle": "black",
"bgColor": "#ffffff",
"bgTxtStyle": "light",
"bgColorTop": "#eeeeee",
"bgColorBottom": "#efefef",
"tabFontColor": "#000000",
"tabSelectedColor": "#F58A33",
"tabBgColor": "#ffffff",
"tabBorderStyle": "black"
},
"dark": {
"navBgColor": "#292929",
"navTxtStyle": "white",
"bgColor": "#1f1f1f",
"bgTxtStyle": "dark",
"bgColorTop": "#292929",
"bgColorBottom": "#1f1f1f",
"tabFontColor": "#ffffff",
"tabSelectedColor": "#F58A33",
"tabBgColor": "#292929",
"tabBorderStyle": "white"
}
}

page.json 部分代码

"tabBar": {
"iconfontSrc": "static/font/uview.ttf",
"borderStyle": "black",
"color": "@tabFontColor",
"selectedColor": "@tabSelectedColor",
"backgroundColor": "@tabBgColor",
"list": [{
"pagePath": "pages/index",
"text": "首页",
"iconfont": {
"text": "\ue965",
"fontSize": "20px",
"color": "@tabFontColor",
"selectedColor": "@tabSelectedColor"
}
}, {
"pagePath": "pages/meishi/list",
"text": "美食",
"iconfont": {
"text": "\ue705",
"fontSize": "20px",
"color": "#FFFFFF",
"selectedColor": "#F58A33"
}
},
{
"pagePath": "pages/yule/list",
"text": "娱乐",
"iconfont": {
"text": "\ue706",
"fontSize": "20px",
"color": "@tabFontColor",
"selectedColor": "@tabSelectedColor"
}
},

操作步骤:

开启暗黑模式

预期结果:

page.json 的tabBar 的iconfont 的"color": "@tabFontColor" 能有效果

实际结果:

page.json 的tabBar 的iconfont 的"color": "@tabFontColor" 没效果

bug描述:

【报Bug】tabBar iconfont 的color值无效,selectedColor值有效

执行具体颜色值有效果,调用"color": "@tabFontColor", 没效果

2024-08-24 23:06 负责人:无 分享
已邀请:
BFC

BFC

你好,我这边没有复现,提供一下可复现的demo工程

  • Spring_CTH

    你为什么不回复一下 我提的bug呢...

    2024-08-26 17:43

要回复问题请先登录注册