![清扬子](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/60/67/65_avatar_mid.jpg?v=1661993892)
- 发布:2023-09-03 12:32
- 更新:2023-09-04 17:57
- 阅读:246
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macos Monterey 12.6
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
手机系统: 全部
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
"tabBar": {
"selectedColor": "#474df0",
"color": "#999999",
"backgroundColor": "#ffffff",
"borderStyle": "white",
"fontSize": "14px",
"list": [{
"pagePath": "pages/index/index",
"text": "日历"
},
{
"pagePath": "pages/biji/biji",
"text": "选卡"
},
{
"pagePath": "pages/meihua/meihua",
"text": "测试"
},
{
"pagePath": "pages/college/exams",
"text": "效果"
},
{
"pagePath": "pages/settings/settings",
"iconPath": "/static/tabbar/3icon_component.png",
"selectedIconPath": "/static/tabbar/3icon_component_NEW.png"
}
]
}
"tabBar": {
"selectedColor": "#474df0",
"color": "#999999",
"backgroundColor": "#ffffff",
"borderStyle": "white",
"fontSize": "14px",
"list": [{
"pagePath": "pages/index/index",
"text": "日历"
},
{
"pagePath": "pages/biji/biji",
"text": "选卡"
},
{
"pagePath": "pages/meihua/meihua",
"text": "测试"
},
{
"pagePath": "pages/college/exams",
"text": "效果"
},
{
"pagePath": "pages/settings/settings",
"iconPath": "/static/tabbar/3icon_component.png",
"selectedIconPath": "/static/tabbar/3icon_component_NEW.png"
}
]
}
操作步骤:
按照上面的tabBar代码配置
按照上面的tabBar代码配置
预期结果:
安卓,苹果,H5,都要居中显示效果
安卓,苹果,H5,都要居中显示效果
实际结果:
苹果手机,出现了不一致的bug
苹果手机,出现了不一致的bug
清扬子 (作者)
我现在,在回退上一个版本,测试
2023-09-04 16:21
清扬子 (作者)
确认了 HBuilderX 3.8.7 是正常的
2023-09-04 16:44
清扬子 (作者)
升级HBuilderX:3.8.12就会出现这个问题
2023-09-04 17:58