"tabBar": {
"color": "#666666",
"selectedColor": "#6A5ACD",
"borderStyle": "#999999",
"backgroundColor": "#ffffff",
"fontSize": "16px",
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/order/order",
"text": "接单"
},
{
"pagePath": "pages/message/message",
"text": "消息"
},
{
"pagePath": "pages/my/my",
"text": "我"
}
],
"midButton": {
"width": "60px",
"height": "50px",
"iconWidth": "50px",
"iconPath": "/static/tabbar/fb1.png"
}
},
1***@qq.com
- 发布：2025-09-12 17:10
- 更新：2025-09-12 17:11
- 阅读：18
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： w10
HBuilderX类型： 正式
HBuilderX版本号： 4.66
手机系统： iOS
手机系统版本号： iOS 18
手机厂商： 苹果
手机机型： 苹果13
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
"tabBar": {
"color": "#666666",
"selectedColor": "#6A5ACD",
"borderStyle": "#999999",
"backgroundColor": "#ffffff",
"fontSize": "16px",
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/order/order",
"text": "接单"
},
{
"pagePath": "pages/message/message",
"text": "消息"
},
{
"pagePath": "pages/my/my",
"text": "我"
}
],
"midButton": {
"width": "60px",
"height": "50px",
"iconWidth": "50px",
"iconPath": "/static/tabbar/fb1.png"
}
},
"tabBar": {
"color": "#666666",
"selectedColor": "#6A5ACD",
"borderStyle": "#999999",
"backgroundColor": "#ffffff",
"fontSize": "16px",
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/order/order",
"text": "接单"
},
{
"pagePath": "pages/message/message",
"text": "消息"
},
{
"pagePath": "pages/my/my",
"text": "我"
}
],
"midButton": {
"width": "60px",
"height": "50px",
"iconWidth": "50px",
"iconPath": "/static/tabbar/fb1.png"
}
},预期结果：
正常跳转页面
正常跳转页面
实际结果：
ios配置路由tabBar配置midButton无效，点击tabBar切换页面不生效不跳转并且中间哪张图片也没有显示，报错
ios配置路由tabBar配置midButton无效，点击tabBar切换页面不生效不跳转并且中间哪张图片也没有显示，报错
bug描述：
安卓正常，ios配置路由tabBar配置midButton无效，点击tabBar切换页面不生效不跳转并且中间哪张图片也没有显示，报错
DCloud_UNI_LXH
提供一个示例 demo 我看看
2025-09-12 17:15