文件結(jié)構(gòu)
配置-app.json
配置-page.json
文件結(jié)構(gòu)
- 主體部分有三個文件組成：
app.js(邏輯)、app.json(公共設(shè)置)阔墩、app.wxss(公共樣式表) - 頁面由四個文件組成,分別是
js(頁面邏輯)、wxml(頁面結(jié)構(gòu))糕非、wxss(頁面樣式表)淘捡、json(頁面配置)
配置-app.json
- 使用
app.json文件來對微信小程序進行全局配置，決定頁面文件的路徑萎河、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間蕉饼、設(shè)置多 tab 等虐杯。
app.json配置項列表.png
pages 接受一個數(shù)組，每一項都是字符串昧港，來指定小程序由哪些頁面組成擎椰。每一項代表對應(yīng)頁面的【路徑+文件名】信息，數(shù)組的第一項代表小程序的初始頁面创肥。小程序中新增/減少頁面达舒，都需要對 pages 數(shù)組進行修改。
文件名不需要寫文件后綴叹侄，因為框架會自動去尋找路徑
.json,.js,.wxml,.wxss的四個文件進行整合巩搏。window 用于設(shè)置小程序的狀態(tài)欄、導航條圈膏、標題塔猾、窗口背景色。
window設(shè)置.png
設(shè)置示例.png
- tabbar 如果我們的小程序是一個多 tab 應(yīng)用（客戶端窗口的底部或頂部有 tab 欄可以切換頁面）稽坤，那么我們可以通過 tabBar 配置項指定 tab 欄的表現(xiàn)丈甸，以及 tab 切換時顯示的對應(yīng)頁面。
- Tip： 通過頁面跳轉(zhuǎn)
wx.navigateTo或者頁面重定向wx.redirectTo所到達的頁面尿褪，即使它是定義在 tabBar 配置中的頁面睦擂，也不會顯示底部的 tab 欄。tabBar 是一個數(shù)組杖玲，只能配置最少2個顿仇、最多5個 tab，tab 按數(shù)組的順序排序摆马。
tabbar屬性列表.png
list屬性列表.png
示例說明.png
- networkTimeout 可以設(shè)置各種網(wǎng)絡(luò)請求的超時時間臼闻。
networkTimeout屬性說明.png
- debug 可以在開發(fā)者工具中開啟 debug 模式，在開發(fā)者工具的控制臺面板囤采，調(diào)試信息以 info 的形式給出述呐，其信息有Page的注冊，頁面路由蕉毯，數(shù)據(jù)更新乓搬，事件觸發(fā) 。 可以幫助開發(fā)者快速定位一些常見的問題代虾。
配置-page.json
- page.json 每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置进肯。 頁面的配置比app.json全局配置簡單得多，只是設(shè)置 app.json 中的 window 配置項的內(nèi)容棉磨，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項江掩。
- 頁面的.json只能設(shè)置 window 相關(guān)的配置項，以決定本頁面的窗口表現(xiàn)乘瓤，所以無需寫 window 這個鍵
page.json配置.png
