页面配置
app.json 中的部分配置,也支持对单个页面进行配置,可以在页面对应的 .json 文件来对本页面的表现进行配置。
页面中配置项在当前页面会覆盖 app.json 中相同的配置项(样式相关的配置项属于 app.json 中的 window 属性,但这里不需要额外指定 window 字段),具体的取值和含义可参考全局配置文档中说明。
文件内容为一个 JSON 对象,有以下属性:
配置项
| 属性 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
| navigationStyle | string | default | 导航栏样式,仅支持以下值:default 默认样式 custom 自定义导航栏,只保留右上角胶囊按钮。参见注 2。 | |
| enableScrollEvent | boolean | false | 是否触发页面滚动相关的事件,如onPageScroll和onReachBottom | |
| navigationBarBackgroundColor | string | #fb7299 | 导航栏背景颜色 | |
| navigationBarTextStyle | string | white | 导航栏标题和状态栏文字颜色,仅支持 black / white | |
| navigationBarTitleText | string | 导航栏标题文字内容 | ||
| backgroundColor | string | #ffffff | 窗口的背景色 | |
| enablePullDownRefresh | boolean | false | 是否全局开启下拉刷新。 | |
| onReachBottomDistance | number | 50 | 页面上拉触底事件触发时距页面底部距离,单位为px。 | |
| disableScroll | boolean | false | 设置为 true 则webview整体不能上下滚动,不考虑前端实现的滚动 |
配置示例
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "bilibili接口功能演示",
"backgroundColor": "#eeeeee",
}