pages

用於指定小程式由哪些頁面組成，每一項都對應一個頁面的 路徑+檔名 資訊。檔名不需要寫檔案字尾，框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個檔案進行處理。

陣列的第一項代表小程式的初始頁面（首頁）。小程式中新增/減少頁面，都需要對 pages 陣列進行修改。

如開發目錄為：

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils
 

則需要在 app.json 中寫

{
  "pages": ["pages/index/index", "pages/logs/logs"]
}

頁面配置

每一個小程式頁面也可以使用.json檔案來對本頁面的視窗表現進行配置。

頁面的配置只能設定 app.json 中部分 window 配置項的內容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

配置示例

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信介面功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}
 

頁面的.json只能設定 window 相關的配置項，以決定本頁面的視窗表現，所以無需寫 window 這個屬性

歡迎大家支援我是視訊課程：微信小程式框架的製作