{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页1"
}
},
{
"path": "pages/configuration/configuration",
"style": {
"navigationBarTitleText": "云组态1"
}
},
{
"path": "pages/user/user",
"style": {
"navigationBarTitleText": "我的1"
}
}
],
"tabBar": {
"color": "#707070",
"selectedColor": "#1890FF",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/image/index.png",
"selectedIconPath": "static/image/index_se.png",
"text": "首页2"
},
{
"pagePath": "pages/configuration/configuration",
"iconPath": "static/image/configuration.png",
"selectedIconPath": "static/image/configuration_se.png",
"text": "云组态2"
},
{
"pagePath": "pages/user/user",
"iconPath": "static/image/user.png",
"selectedIconPath": "static/image/user_se.png",
"text": "我的2"
}
]
},
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F82"
},
"uniIdRouter": {}
}
- 发布:2023-06-02 14:36
- 更新:2025-01-10 16:00
- 阅读:284
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版
HBuilderX类型: 正式
HBuilderX版本号: 3.8.4
手机系统: Android
手机系统版本号: Android 10
手机厂商: vivo
手机机型: V2057A
页面类型: vue
vue版本: vue3
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
1.新建tabBar对应的三组页面
2.配置pages.json
1.新建tabBar对应的三组页面
2.配置pages.json
预期结果:
显示标题导航栏,内容,tabBar三个模块
显示标题导航栏,内容,tabBar三个模块
实际结果:
hbuilder自带的移动端inspect调试页面只显示内容,真机调试正常显示三个模块
hbuilder自带的移动端inspect调试页面只显示内容,真机调试正常显示三个模块
bug描述:
【报Bug】移动端开发用hbuilder自带的调试工具Webview打开页面,项目的tabbar和标题导航项消失,只显示内容,真机或者模拟上可以正常看到