页面配置
每个页面可以使用对应 .json 文件对本页面窗口进行配置。页面配置项会覆盖 app.json 中 window 中的配置项。
配置项
| 属性 | 类型 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|
| navigationBarBackgroundColor | Color | #000000 | 导航栏背景颜色,如 #000000 | |
| navigationBarTextStyle | Color | white | 导航栏标题颜色,white | |
| navigationBarTitleText | String | 导航栏标题文字内容,字数不宜过多 | ||
| navigationStyle | String | default | 导航栏样式,仅支持以下值:1. default(默认样式), 2. custom(自定义导航栏) | |
| backgroundColor | Color | #ffffff | 窗口的背景色 | |
| backgroundTextStyle | String | dark | 下拉 loading 的样式,仅支持 dark / light | |
| backgroundColorTop | Color | #ffffff | 顶部窗口的背景色,仅 iOS 支持 | |
| backgroundColorBottom | Color | #ffffff | 底部窗口的背景色,仅 iOS 支持 | |
| enablePullDownRefresh | Boolean | false | 是否开启当前页面下拉刷新 | |
| disableBounce | Boolean | false | 是否禁止页面滚动弹性动画,仅 iOS 支持(enablePullDownRefresh 为true时无效) | |
| onReachBottomDistance | Number | 50 | 页面上拉触底事件触发时距页面底部距离,单位为 px。 | |
| pageOrientation | String | portrait | 屏幕旋转设置,支持 auto / portrait / landscape / landscapeLeft / landscapeRight / portraitUpsideDown | |
| disableScroll | Boolean | false | 为 true时页面无法滚动 |
|
| usingComponents | Object | 页面中使用的自定义组件 |
示例配置:
{
"navigationBarTitleText": "MoreCross",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}