手機(jī)也能上課
1/2
page.json
每一個(gè)小程序頁面也可以使用.json
文件來對本頁面的窗口表現(xiàn)進(jìn)行配置。 頁面的配置比app.json
全局配置簡單得多,只是設(shè)置 app.json 中的 window 配置項(xiàng)的內(nèi)容,頁面中配置項(xiàng)會覆蓋 app.json 的 window 中相同的配置項(xiàng)。
頁面的.json
只能設(shè)置 window
相關(guān)的配置項(xiàng),以決定本頁面的窗口表現(xiàn),所以無需寫 window
這個(gè)鍵,如:
屬性 | 類型 | 默認(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)容 | |
backgroundColor | HexColor | #ffffff | 窗口的背景色 |
backgroundTextStyle | String | dark | 下拉背景字體、loading 圖的樣式,僅支持 dark/light |
enablePullDownRefresh | Boolean | false | 是否開啟下拉刷新,詳見頁面相關(guān)事件處理函數(shù)。 |
disableScroll | Boolean | false | 設(shè)置為 true 則頁面整體不能上下滾動(dòng);只在 page.json 中有效,無法在 app.json 中設(shè)置該項(xiàng) |
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發(fā)時(shí)距頁面底部距離,單位為px |
示例代碼:
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}