uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)
pages.json是uni-app的全局配置文件,用于管理页面路径、窗口样式和原生导航组件。其核心配置包括:页面路由(pages数组)、窗口样式(window对象)和底部TabBar(tabBar对象)。实际项目中配置了四个TabBar页面(设备、商城、钱包、我的),每个页面都设置了自定义导航栏样式并禁用滑动返回。与微信小程序的app.json类似,但平台特有配置需在manifest.json中
·
pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。
导航栏高度为 44px (不含状态栏),tabBar 高度为 50px (不含安全区)。
它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在 uni-app 中是在 manifest 中配置。
配置项列表
实际项目情况配置
这里APP分为四个模块,那么就需要配置四个tabbar

"pages": [
{
"path": "pages/tabbar/device/device",
"style": {
"navigationStyle": "custom",
"disableSwipeBack": true, // 禁止滑动返回
"app-plus": {
"bounce": "vertical",
"titleNView": false
}
}
},
{
"path": "pages/tabbar/shopMall/shopMall",
"style": {
"navigationStyle": "custom",
"disableSwipeBack": true, // 禁止滑动返回
"app-plus": {
"bounce": "vertical",
"titleNView": false
}
}
},
{
"path": "pages/tabbar/wallect/wallect",
"style": {
"navigationStyle": "custom",
"disableSwipeBack": true, // 禁止滑动返回
"app-plus": {
"bounce": "vertical",
"titleNView": false
}
}
},
{
"path": "pages/tabbar/my/my",
"style": {
"navigationStyle": "custom",
"disableSwipeBack": true, // 禁止滑动返回
"app-plus": {
"bounce": "vertical",
"titleNView": false
}
}
}
],
"subPackages": [
{
"root": "pages/device",
"pages": [
{
"path": "",
"style": {
}
}
]
}
]
更多推荐




所有评论(0)