App下載
6. 頁面配置
微信小程序入門課程 / 6. 頁面配置
手機(jī)也能上課
App下載
1/2

page.json

每一個(gè)小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進(jìn)行配置。 頁面的配置比app.json全局配置簡單得多,只是設(shè)置 app.json 中的 window 配置項(xiàng)的內(nèi)容,頁面中配置項(xiàng)會覆蓋 app.json 的 window 中相同的配置項(xiàng)。

頁面的.json只能設(shè)置 window 相關(guān)的配置項(xiàng),以決定本頁面的窗口表現(xiàn),所以無需寫 window 這個(gè)鍵,如:

屬性 類型 默認(rèn)值 描述
navigationBarBackgroundColor HexColor #000000 導(dǎo)航欄背景顏色,如"#000000"
navigationBarTextStyle String white 導(dǎo)航欄標(biāo)題顏色,僅支持 black/white
navigationBarTitleText String 導(dǎo)航欄標(biāo)題文字內(nèi)容
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle String dark 下拉背景字體、loading 圖的樣式,僅支持 dark/light
enablePullDownRefresh Boolean false 是否開啟下拉刷新,詳見頁面相關(guān)事件處理函數(shù)。
disableScroll Boolean false 設(shè)置為 true 則頁面整體不能上下滾動(dòng);只在 page.json 中有效,無法在 app.json 中設(shè)置該項(xiàng)
onReachBottomDistance Number 50 頁面上拉觸底事件觸發(fā)時(shí)距頁面底部距離,單位為px


示例代碼:

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


+10 經(jīng)驗(yàn) +10積分
解析
提示
參考答案
+10 經(jīng)驗(yàn) +10積分
視頻播放結(jié)束,是否學(xué)習(xí)下一節(jié)?