pages.json
文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
它类似微信小程序中app.json
的页面管理部分。注意定位权限申请等原属于app.json
的内容,在uni-app中是在manifest中配置。
配置项列表
属性 | 类型 | 必填 | 描述 | 平台兼容 |
---|---|---|---|---|
globalStyle | Object | 否 | 设置默认页面的窗口表现 | |
pages | Object Array | 是 | 设置页面路径及窗口表现 | |
easycom | Object | 否 | 组件自动引入规则 | 2.5.5+ |
tabBar | Object | 否 | 设置底部 tab 的表现 | |
condition | Object | 否 | 启动模式配置 | |
subPackages | Object Array | 否 | 分包加载配置 | |
preloadRule | Object | 否 | 分包预下载规则 | 微信小程序 |
workers | String | 否 | Worker 代码放置的目录 |
微信小程序 |
leftWindow | Object | 否 | 大屏左侧窗口 | H5 |
topWindow | Object | 否 | 大屏顶部窗口 | H5 |
rightWindow | Object | 否 | 大屏右侧窗口 | H5 |
pages.json 配置路由
"pages": [ //pages数组中第一项表示应用启动页
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
}
]
pages.json 配置tabBar
"tabBar": {
"color":"#c5c5c5",
"selectedColor": "#4ca1fc",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/images/tabbar/home_icon.png",
"selectedIconPath": "static/images//tabbar/home_icon_sel.png",
"text": "首页"
},
{
"pagePath": "pages/apply/apply",
"iconPath": "static/images/tabbar/apply_icon.png",
"selectedIconPath": "static/images//tabbar/apply_icon_sel.png",
"text": "申请"
},
{
"pagePath": "pages/user/user",
"iconPath": "static/images/tabbar/user_icon.png",
"selectedIconPath": "static/images//tabbar/user_icon_sel.png",
"text": "我的"
}
]
}