W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
小程序頁面可以使用 .json 文件來對(duì)本頁面的窗口表現(xiàn)進(jìn)行配置。
頁面的配置只能設(shè)置 app.json 中部分 window 配置項(xiàng)的內(nèi)容,頁面中配置項(xiàng)會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)。
代碼示例
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "智能小程序接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
屬性 | 類型 | 默認(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)容 | |
navigationStyle | String | default | 導(dǎo)航欄樣式,有效值:default(默認(rèn)樣式) custom(自定義導(dǎo)航欄),只保留右上角膠囊按鈕,在頁面級(jí)配置優(yōu)先級(jí)高于全局配置 | iOS 基礎(chǔ)庫版本 3.0.39, Android 基礎(chǔ)庫版本 2.10.34 |
backgroundColor | HexColor | #ffffff | 窗口的背景色 | |
backgroundTextStyle | String | dark | 下拉 loading 的樣式,有效值 dark / light | |
backgroundColorTop | HexColor | #ffffff | 頂部窗口的背景色,僅 iOS 支持 | |
backgroundColorBottom | HexColor | #ffffff | 底部窗口的背景色,僅 iOS 支持 | |
enablePullDownRefresh | Boolean | false | 是否全局開啟下拉刷新。詳見 Page.onPullDownRefresh。 | |
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發(fā)時(shí)距頁面底部距離,單位為 px。詳見Page.onReachBottom。 | |
disableScroll | Boolean | false | 設(shè)置為 true 則頁面整體不能上下滾動(dòng)。只在頁面配置中有效,無法在 app.json 中設(shè)置 | Android 暫不支持 |
說明:
navigationStyle 配置
頂 bar 設(shè)置 | iOS | Android | WebView 組件頁面 | 備注 |
---|---|---|---|---|
百度 APP 定義的頂 bar | 無版本限制 | 無版本限制 | 無版本限制 | |
頂 bar 全局透明設(shè)置 | 基礎(chǔ)庫版本 2.10.34 | 基礎(chǔ)庫版本 2.10.34 | 不生效 | |
頂 bar 子頁面透明設(shè)置 | 基礎(chǔ)庫版本 3.0.39 | 基礎(chǔ)庫版本 2.10.34 | 不生效 | 每個(gè) page 的 json 文件可以單獨(dú)配置 navigationStyle |
適配提示
原生頂bar高度=狀態(tài)欄高度(statusBarHeight)+頂部導(dǎo)航欄高度(navigationBarHeight);可通過 swan.getSystemInfo 或者 swan.getSystemInfoSync 獲取。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: