|
|
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
大屏左侧窗口
topWindow
Object
大屏顶部窗口
rightWindow
Object
大屏右侧窗口
uniIdRouter
Object
自动跳转相关配置，新增于HBuilderX 3.5.0
"navigationBarTextStyle"
:
"black"
,
"navigationBarTitleText"
:
"演示"
,
"navigationBarBackgroundColor"
:
"#F8F8F8"
,
"backgroundColor"
:
"#F8F8F8"
,
"usingComponents"
:
{
"collapse-tree-item"
:
"/components/collapse-tree-item"
"renderingMode"
:
"seperated"
,
// 仅微信小程序，webrtc 无法正常时尝试强制关闭同层渲染
"pageOrientation"
:
"portrait"
,
//横屏配置，全局屏幕旋转设置(仅 APP/微信/QQ小程序)，支持 auto / portrait / landscape
"rpxCalcMaxDeviceWidth"
:
960
,
"rpxCalcBaseDeviceWidth"
:
375
,
"rpxCalcIncludeWidth"
:
750
"tabBar"
:
{
"color"
:
"#7A7E83"
,
"selectedColor"
:
"#3cc51f"
,
"borderStyle"
:
"black"
,
"backgroundColor"
:
"#ffffff"
,
"height"
:
"50px"
,
"fontSize"
:
"10px"
,
"iconWidth"
:
"24px"
,
"spacing"
:
"3px"
,
"iconfontSrc"
:
"static/iconfont.ttf"
,
// app tabbar 字体.ttf文件路径 app 3.4.4+
"list"
:
[
{
"pagePath"
:
"pages/component/index"
,
"iconPath"
:
"static/image/icon_component.png"
,
"selectedIconPath"
:
"static/image/icon_component_HL.png"
,
"text"
:
"组件"
,
"iconfont"
:
{
// 优先级高于 iconPath，该属性依赖 tabbar 根节点的 iconfontSrc
"text"
:
"\ue102"
,
"selectedText"
:
"\ue103"
,
"fontSize"
:
"17px"
,
"color"
:
"#000000"
,
"selectedColor"
:
"#0000ff"
}
,
{
"pagePath"
:
"pages/API/index"
,
"iconPath"
:
"static/image/icon_API.png"
,
"selectedIconPath"
:
"static/image/icon_API_HL.png"
,