一 app配置 app.json
使用app.json文件來對微信小程序進行全局配置,
決定頁面文件的路徑,
窗口表現(xiàn),設(shè)置網(wǎng)絡(luò)超時時間,設(shè)置多tab等
app.json配置項列表:
app的配置.png
(1) pages (string Array)必填 設(shè)置頁面路徑
接受一個數(shù)組,每一項都是字符串,
指定小程序是由哪些頁面組成
每一項代表頁面的【路徑+文件名】信息,
數(shù)組的第一項代表小程序的初始頁面,
小程序中新增減少頁面,
都需要對pages數(shù)組進行修改,
文件名不需要寫文件后綴,
因為框架會自動去尋找路徑.json/.js/.wxml/.wxss的四個文件進行整合
pages開發(fā)目錄.png
app中的pages配置.png
(2) window (object) 設(shè)置默認界面的窗口表現(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ù)組的順序進行排序
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文件來對本頁面的窗口進行配置
頁面的配置比app.json的全局配置簡單,
只是配置window配置項的內(nèi)容,
頁面中的配置項會覆蓋window中相同的配置項
頁面中的.json只能設(shè)置window相關(guān)的配置項,
決定頁面的窗口表現(xiàn),
無需寫window這個鍵