本文小編為大家詳細(xì)介紹“小程序的page.json如何配置”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“小程序的page.json如何配置”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

JSON 配置

我們可以看到在項(xiàng)目的根目錄有一個(gè) app.json 和 project.config.json，此外在 pages/logs 目錄下還有一個(gè) logs.json，我們依次來說明一下他們的用途。

小程序配置 app.json

app.json 是對(duì)當(dāng)前小程序的全局配置，包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等。QuickStart 項(xiàng)目里邊的 app.json 配置內(nèi)容如下：

　　{
　　"pages":[
　　"pages/index/index",
　　"pages/logs/logs"
　　],
　　"window":{
　　"backgroundTextStyle":"light",
　　"navigationBarBackgroundColor": "#fff",
　　"navigationBarTitleText": "WeChat",
　　"navigationBarTextStyle":"black"
　　}
　　}　　

我們簡(jiǎn)單說一下這個(gè)配置各個(gè)項(xiàng)的含義:

pages字段 —— 用于描述當(dāng)前小程序所有頁(yè)面路徑，這是為了讓微信客戶端知道當(dāng)前你的小程序頁(yè)面定義在哪個(gè)目錄。

window字段 —— 小程序所有頁(yè)面的頂部背景顏色，文字顏色定義在這里的。

其他配置項(xiàng)細(xì)節(jié)可以參考文檔 小程序的配置 app.json 。

工具配置 project.config.json

通常大家在使用一個(gè)工具的時(shí)候，都會(huì)針對(duì)各自喜好做一些個(gè)性化配置，例如界面顏色、編譯配置等等，當(dāng)你換了另外一臺(tái)電腦重新安裝工具的時(shí)候，你還要重新配置。

考慮到這點(diǎn)，小程序開發(fā)者工具在每個(gè)項(xiàng)目的根目錄都會(huì)生成一個(gè) project.config.json，你在工具上做的任何配置都會(huì)寫入到這個(gè)文件，當(dāng)你重新安裝工具或者換電腦工作時(shí)，你只要載入同一個(gè)項(xiàng)目的代碼包，開發(fā)者工具就自動(dòng)會(huì)幫你恢復(fù)到當(dāng)時(shí)你開發(fā)項(xiàng)目時(shí)的個(gè)性化配置，其中會(huì)包括編輯器的顏色、代碼上傳時(shí)自動(dòng)壓縮等等一系列選項(xiàng)。

其他配置項(xiàng)細(xì)節(jié)可以參考文檔 開發(fā)者工具的配置 。

頁(yè)面配置 page.json

這里的 page.json 其實(shí)用來表示 pages/logs 目錄下的 logs.json 這類和小程序頁(yè)面相關(guān)的配置。

如果你整個(gè)小程序的風(fēng)格是藍(lán)色調(diào)，那么你可以在 app.json 里邊聲明頂部顏色是藍(lán)色即可。實(shí)際情況可能不是這樣，可能你小程序里邊的每個(gè)頁(yè)面都有不一樣的色調(diào)來區(qū)分不同功能模塊，因此我們提供了 page.json，讓開發(fā)者可以獨(dú)立定義每個(gè)頁(yè)面的一些屬性，例如剛剛說的頂部顏色、是否允許下拉刷新等等。