app.json配置(微信小程序)
{
"pages": [
"pages/index/index",
"pages/logs/index"
],
"window": {
“backgroundTextStyle”:”light”,
"navigationBarTitleText": "Demo",
“navigationBarBackgroundColor”:”black”,
“navigationBarTextStyle”:”white”
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
}]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}
1."pages":设置页面路径
pages:接受一个数组,每一项都是字符串,指定小程序的页面组成部分,每一项代表对应页面的信息【路径+文件名】。数组的第一个是小程序的初始页面。文件名无需写后缀,框架自动寻找路径.json,.js,.wxml,.wxss文件整合。
2."window":设置默认页面的窗口表现
window:用于设置小程序的状态栏、导航条、标题、窗口背景色
属性:
navigationBarBackgroundColor:导航栏背景色颜色
navigationBarTextStyle:导航栏标题样式,仅支持black/white
navigationBarTitleText:导航栏标题文字内容
backgroundColor:窗口的背景色
backgroundTextStyle:下拉背景字体、loading图的样式、仅支持dark/light
enablePullDownRefresh:是否开启下拉刷新
3."tabBar":设置底部 tab 的表现
通过tabBar配置置顶tab栏的表现,以及tab切换时显示的对应页面
color:tab上的文字默认颜色
selectedColor:tab上的文字选中时的颜色
backgroundColor:tab的背景色
borderStyle:tabbar上边框的颜色,仅支持black/white
list:tab的列表
position:tabBar的位置,可选值:bottom,top
list接受一个数组,数组中的每一个项都是一个对象:
属性:
pagePath:页面路径
text:tab上按钮文字
iconPath:图片路径
selectedIconPath:选中的图片路径
4."networkTimeout":"设置网络超时时间"
设置各种网络请求的超时时间
request(页面请求): wx.request的超时时间
connectSocket(链接数据): wx.connectSocket的超时时间
uploadFile(加载文件): wxuploadFile的超时时间
downloadFile(下载文件): wx.downloadFile的超时时间
5."debug":设置是否开启debug模式
开启debug模式,方便定位常见问题
每个小程序页面都可以使用.json文件来对本页面的窗口进行配置,页面的配置,只设置wndow配置项的内容,页面中的配置会覆盖app.json的widow中相同的配置项。
页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键
属性:
navigationBarBackgroundColor:导航栏背景颜色
navigationBarTextStyle:导航栏标题颜色
navigationBarTitleText:导航栏标题文字内容
backgroundColor:窗口的背景色
backgroundTextStyle:下拉背景字体、loading图的样式
enablePullDownRefresh:是否开启下拉刷新
disableScroll:设置为true,则页面整体不能上下滚动,只在page.json中有效