小程式開發之頁面配置.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 中設定