1. 程式人生 > >微信小程式文件 --框架--windows全域性配置

微信小程式文件 --框架--windows全域性配置

window

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

屬性 型別 預設值 描述 最低版本
navigationBarBackgroundColor HexColor #000000 導航欄背景顏色,如 #000000  
navigationBarTextStyle String white 導航欄標題顏色,僅支援 black / white  
navigationBarTitleText String   導航欄標題文字內容  
navigationStyle String default 導航欄樣式,僅支援以下值:
default 預設樣式
custom 自定義導航欄,只保留右上角膠囊按鈕
微信版本 6.6.0
backgroundColor HexColor #ffffff 視窗的背景色  
backgroundTextStyle String dark 下拉 loading 的樣式,僅支援 dark / light  
backgroundColorTop String #ffffff 頂部視窗的背景色,僅 iOS 支援 微信版本 6.5.16
backgroundColorBottom String #ffffff 底部視窗的背景色,僅 iOS 支援 微信版本 6.5.16
enablePullDownRefresh Boolean false 是否開啟當前頁面的下拉重新整理。
詳見 Page.onPullDownRefresh
 
onReachBottomDistance Number 50 頁面上拉觸底事件觸發時距頁面底部距離,單位為px。
詳見 Page.onReachBottom
 
pageOrientation String portrait 螢幕旋轉設定,僅支援 auto / portrait 
詳見 響應顯示區域變化
微信版本 6.7.3

注:HexColor(十六進位制顏色值),如"#ff00ff"

注:navigationStyle 只在 app.json 中生效。開啟 custom 後,低版本客戶端需要做好相容。開發者工具基礎庫版本切到 1.7.0(不代表最低版本,只供除錯用)可方便切到舊視覺

注:客戶端 6.7.2 版本開始,navigationStyle: custom 對 <web-view> 元件無效

如 app.json :

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

 

原文連結:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE