# 页面配置

快应用页面也可以使用 json 文件来对本页面的窗口样式进行配置。页面 json 配置的优先级高于 app.jsonwindow 配置。具体配置项如下:

# 配置项

属性 类型
默认值
描述
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色
navigationBarTextStyle string white 导航栏标题颜色,仅支持 black / white
navigationBarTitleText string 导航栏标题文字内容
navigationStyle string default 导航栏样式,仅支持以下值: default 默认样式 ;custom 自定义导航栏(只保留右上角胶囊按钮)
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle string dark 下拉 loading 的样式,仅支持 dark / light
enablePullDownRefresh boolean false 是否开启本页面下拉刷新。 详见 Page.onPullDownRefresh
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离,单位为 px。 详见 Page.onReachBottom
pageOrientation string portrait 屏幕旋转设置,支持 auto / portrait / landscape 详见 响应显示区域变化
disableScroll boolean false 设置为 true 则页面整体不能上下滚动。 只在页面配置中有效,无法在 app.json 中设置
usingComponents Object 页面自定义组件配置
menuBarData Object menuBarData 设置

# 配置示例

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}
1
2
3
4
5
6
7

menuBarData相关设置。字段类型为 Object,结构为:

属性 类型 必填 默认值 描述
shareTitle string menuBar 中分享功能对应 标题,默认当前快应用名称
shareDescription string menuBar 中分享功能对应描述,默认当前快应用描述
shareIcon string menuBar 中分享功能对应图片,默认当前快应用 icon
shareUrl string menuBar 中备用分享链接,不支持跳转快应用设备时, 分享跳转到此链接页面
shareCurrentPage boolean menuBar 中是否分享当前页面,默认 false 分享首页, 设置 true 后可以分享当前页面
shareParams string menuBar 中分享当前页面的透传参数

如:

  "menuBarData": {
        "shareTitle":"分享标题",
        "shareDescription":"分享描述",
        "shareIcon":"https://www.quickapp.cn/assets/images/home/logo_quickApp.png",
        "shareCurrentPage":true,
        "shareUrl":"https://www.quickapp.cn/",
        "shareParams":"{\"key\":\"111\",\"id\":2}"
        }
1
2
3
4
5
6
7
8

在线客服