頁面配置 page.json

這裡的 page.json 其實用來表示 pages/logs 目錄下的 logs.json 這類和小程式頁面相關的配置。

如果你整個小程式的風格是藍色調，那麼你可以在 app.json 裡邊宣告頂部顏色是藍色即可。實際情況可能不是這樣，可能你小程式裡邊的每個頁面都有不一樣的色調來區分不同功能模組，因此我們提供了 page.json，讓開發者可以獨立定義每個頁面的一些屬性，例如剛剛說的頂部顏色、是否允許下拉重新整理等等。

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

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

配置示例

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

頁面配置項列表

 當中兩個頁面事件處理函式：

onPullDownRefresh()

監聽使用者下拉重新整理事件。

• 需要在app.json的window選項中或頁面配置中開啟enablePullDownRefresh。
• 可以通過wx.startPullDownRefresh觸發下拉重新整理，呼叫後觸發下拉重新整理動畫，效果與使用者手動下拉重新整理一致。
• 當處理完資料重新整理後，wx.stopPullDownRefresh可以停止當前頁面的下拉重新整理

onReachBottom()

監聽使用者上拉觸底事件。

• 可以在app.json的window選項中或頁面配置中設定觸發距離onReachBottomDistance。
• 在觸發距離內滑動期間，本事件只會被觸發一次。

在這當中我們來介紹一下：window

window

用於設定小程式的狀態列、導航條、標題、視窗背景色。

注：navigationStyle 只在 app.json 中生效。 

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