一 app配置 app.json
使用app.json文件來對微信小程序進(jìn)行全局配置奔则,
決定頁面文件的路徑纹份,
窗口表現(xiàn),設(shè)置網(wǎng)絡(luò)超時時間镇辉,設(shè)置多tab等
app.json配置項列表:
app的配置.png
(1) pages (string Array)必填 設(shè)置頁面路徑
接受一個數(shù)組,每一項都是字符串捂刺,
指定小程序是由哪些頁面組成
每一項代表頁面的【路徑+文件名】信息泰涂,
數(shù)組的第一項代表小程序的初始頁面,
小程序中新增減少頁面昵济,
都需要對pages數(shù)組進(jìn)行修改,
文件名不需要寫文件后綴野揪,
因為框架會自動去尋找路徑.json/.js/.wxml/.wxss的四個文件進(jìn)行整合
pages開發(fā)目錄.png
app中的pages配置.png
(2) window (object) 設(shè)置默認(rèn)界面的窗口表現(xiàn)
用于設(shè)置小程序的狀態(tài)欄访忿,導(dǎo)航條,標(biāo)題斯稳,窗口背景色
app的window配置.png
app.json的window字段.png
實際圖片(1).png
實際圖片(2).png
(3) tabBar(Object) 設(shè)置底部tab的表現(xiàn)
如果小程序是一個多tab應(yīng)用海铆,
客戶端窗口的底部有tab欄可以切換頁面,
可以通過tabBar配置項指定tab欄挣惰,
以及tab切換時候顯示的對應(yīng)頁面
tabBar是一個數(shù)組卧斟,只能配置最少2個,最多5個tab憎茂,
tab按照數(shù)組的順序進(jìn)行排序
tabBar屬性說明.png
tabBar中l(wèi)ist屬性說明.png
(4) networkTimeOut (Object) 設(shè)置網(wǎng)絡(luò)超時時間
可以設(shè)置各種網(wǎng)絡(luò)請求的超時時間
networkTimeout屬性說明.png
實際圖片(3).png
(5) debug(boolean) 設(shè)置是否開啟debug模式
可以在開發(fā)者工具中開啟debug模式珍语,
在開發(fā)者工具的控制臺面板,
調(diào)試信息以info的形式給出竖幔,
信息有page的注冊板乙,頁面路由,
數(shù)據(jù)更新拳氢,事件觸發(fā)
二 頁面配置page.json
每一個小程序頁面可以使用.json文件來對本頁面的窗口進(jìn)行配置
頁面的配置比app.json的全局配置簡單募逞,
只是配置window配置項的內(nèi)容,
頁面中的配置項會覆蓋window中相同的配置項
頁面中的.json只能設(shè)置window相關(guān)的配置項馋评,
決定頁面的窗口表現(xiàn)凡辱,
無需寫window這個鍵