1. 程式人生 > >小程式開發之頁面配置.json

小程式開發之頁面配置.json

上一篇文章咱們介紹了App.json全域性配置,如果我們不想全域性使用,只想在單獨頁面配置怎麼辦???
小程式為我們提供了頁面.json的頁面配置檔案

每一個小程式頁面也可以使用.json檔案來對本頁面的視窗表現進行配置。
注:
(1)頁面的配置只能設定 app.json 中部分 window 配置項的內容
(2)頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
(3)如果頁面沒有配置鍵值對,則需要{}來填補空白在這裡插入圖片描述
例如

{
    "navigationBarBackgroundColor": "#000000",   //導航欄背景顏色
    "navigationBarTextStyle":"white",            //導航欄標題顏色,僅支援 black / white
    "navigationBarTitleText": "導航條標題",        //導航欄標題文字內容
    "navigationStyle":"default",                 //導航欄樣式,default 預設樣式 custom 自定義導航欄
    "backgroundColor":"grey",                    //視窗的背景色,如設定下拉頂部視窗顏色將覆蓋背景色
    "enablePullDownRefresh":true,		         //是否開啟當前頁面的下拉重新整理
    "backgroundTextStyle":"dark",                //下拉 loading 的樣式,僅支援 dark / light
    "onReachBottomDistance":50,                  //頁面上拉觸底事件觸發時距頁面底部距離,單位為px。
    "disableScroll":"true",                      //設定為 true 則頁面整體不能上下滾動。
    "disableSwipeBack":"true"                    //禁止頁面右滑手勢返回
  },

上一篇文章咱們介紹了App.json全域性配置,如果我們不想全域性使用,只想在單獨頁面配置怎麼辦???
小程式為我們提供了頁面.json的頁面配置檔案

每一個小程式頁面也可以使用.json檔案來對本頁面的視窗表現進行配置。
注:
(1)頁面的配置只能設定 app.json 中部分 window 配置項的內容
(2)頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
(3)如果頁面沒有配置鍵值對,則需要{}來填補空白

例如
{
“navigationBarBackgroundColor”: “#000000”, //導航欄背景顏色
“navigationBarTextStyle”:“white”, //導航欄標題顏色,僅支援 black / white
“navigationBarTitleText”: “導航條標題”, //導航欄標題文字內容
“navigationStyle”:“default”, //導航欄樣式,default 預設樣式 custom 自定義導航欄
“backgroundColor”:“grey”, //視窗的背景色,如設定下拉頂部視窗顏色將覆蓋背景色
“enablePullDownRefresh”:true, //是否開啟當前頁面的下拉重新整理
“backgroundTextStyle”:“dark”, //下拉 loading 的樣式,僅支援 dark / light
“onReachBottomDistance”:50, //頁面上拉觸底事件觸發時距頁面底部距離,單位為px。
“disableScroll”:“true”, //設定為 true 則頁面整體不能上下滾動。
“disableSwipeBack”:“true” //禁止頁面右滑手勢返回
},

注:
disableScroll只在頁面配置中有效,無法在 app.json 中設定