微信小程式文件 --框架--windows全域性配置
阿新 • • 發佈:2018-11-28
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"
}
}