{
"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中有效