pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在uni-app中是在manifest中配置。
"pages": [ //pages数组中第一项表示应用启动页
"path" : "pages/mine/mine",
"style" : {
"app-plus":{
//顶部导航栏消失
"titleNView":false
}
}
},
{
"path" : "pages/class/class",
"style" : {
"app-plus":{
//导航栏设置
"titleNView":{
//导航栏控件的背景颜色
"backgroundColor":"#fff",
//原生导航栏上的搜索框样式
"searchInput":{
//非输入状态下文本的对齐方式 center|right|left
"align":"left",
//提示文本
"placeholder":"智能积木 越野四驱车",
//提示文本的颜色
"backgroundColor":"#f7f7f7",
//是否可输入类型: Boolean
"disabled":true,
//输入框的圆角半径
"borderRadius":"5px",
//是否自动获取焦点 类型: Boolean
"autoFocus":true,
},
//标题栏上的自定义按钮 类型: Array
"buttons":[
{
//按钮上文字使用的字体文件路径
"fontSrc":"/static/fonts/iconfont.ttf",
//按钮在标题栏上的显示位置 left | right
"float":"right",
//标题栏控件的标题文字超出显示区域时处理方式
//\ue67a 字符
"text":"\ue67a",
//按钮上的文字颜色
"color":"#858585",
//按下状态按钮文字颜色
"colorPressed":"",
//按钮样式。运行环境中内置按钮样式直接使用,
//内置样式忽略fontSrc和text属性。
"type":"直接显示各种按钮随便选",
//按钮上文字的粗细
"fontWeight":"bold",
}
]
}
}
}
}
],
"globalStyle": {
//导航栏背景颜色
"backgroundColor":"#000000",
//APP与H5为#F7F7F7,小程序平台请参考相应小程序文档
"navigationBarBackgroundColor":"#000000",
//导航栏标题颜色及状态栏前景颜色,仅支持 black/white
"navigationBarTextStyle": "black",
//导航栏标题文字内容
"navigationBarTitleText": "内容",
//导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明
"transparentTitle":"支付宝小程序、H5、APP"
"backgroundColor": "#F8F8F8"
},
//底部导航栏
"tabBar":{
"color":"#aaa",//当前字体颜色
"selectedColor":"f46d01",//点击激活的字体颜色
"backgroundColor":"#fff",//背景颜色
"list":[
{
"text":"首页",//字体
"iconPath":"static/tab/index.png",//当前图片的颜色
"selectedIconPath":"static/tab/index-on.png",//选中图片的颜色
"pagePath":"pages/index/index"//路径
},
{
"text":"分类",
"iconPath":"static/tab/class.png",
"selectedIconPath":"static/tab/class-on.png",
"pagePath":"pages/class/class"
},
{
"text":"购物车",
"iconPath":"static/tab/shop.png",
"selectedIconPath":"static/tab/shop-on.png",
"pagePath":"pages/car/car"
},
{
"text":"我的",
"iconPath":"static/tab/mine.png",
"selectedIconPath":"static/tab/mine-on.png",
"pagePath":"pages/mine/mine"
}
]
}