"tabBar": {
"backgroundColor": "#fff",
"borderStyle": "white",
"height": "60px",
"iconWidth": "24px",
"list": [{
"iconPath": "static/tabbar/home.png",
"selectedIconPath": "static/tabbar/home_active.png",
"pagePath": "pages/index/index"
},
{
"iconPath": "static/tabbar/news.png",
"selectedIconPath": "static/tabbar/news_active.png",
"pagePath": "pages/news/index"
},
{
"iconPath": "static/tabbar/user.png",
"selectedIconPath": "static/tabbar/user_active.png",
"pagePath": "pages/user/index"
}
]
},
- 发布:2024-10-24 16:02
- 更新:2024-10-25 11:10
- 阅读:71
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 4.29
手机系统: Android
手机系统版本号: Android 13
手机厂商: 小米
手机机型: mi10
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
"tabBar": {
"backgroundColor": "#fff",
"borderStyle": "white",
"height": "60px",
"iconWidth": "24px",
"list": [{
"iconPath": "static/tabbar/home.png",
"selectedIconPath": "static/tabbar/home_active.png",
"pagePath": "pages/index/index"
},
{
"iconPath": "static/tabbar/news.png",
"selectedIconPath": "static/tabbar/news_active.png",
"pagePath": "pages/news/index"
},
{
"iconPath": "static/tabbar/user.png",
"selectedIconPath": "static/tabbar/user_active.png",
"pagePath": "pages/user/index"
}
]
},
"tabBar": {
"backgroundColor": "#fff",
"borderStyle": "white",
"height": "60px",
"iconWidth": "24px",
"list": [{
"iconPath": "static/tabbar/home.png",
"selectedIconPath": "static/tabbar/home_active.png",
"pagePath": "pages/index/index"
},
{
"iconPath": "static/tabbar/news.png",
"selectedIconPath": "static/tabbar/news_active.png",
"pagePath": "pages/news/index"
},
{
"iconPath": "static/tabbar/user.png",
"selectedIconPath": "static/tabbar/user_active.png",
"pagePath": "pages/user/index"
}
]
},
预期结果:
按照文档正确显示
按照文档正确显示
实际结果:
都显示黑色
都显示黑色
bug描述:
pages.json的borderStyle参数 设置了white,但是显示还是黑色
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信
提供下 vue 版本和 HBuilderX 版本,经过我测试 borderstyle=white, vue3+HBuilderX alpha 4.31 运行到 ios 模拟器是 ok 的