# 页面配置

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

# 配置项

属性	类型	默认值	描述
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

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

←

→

在线客服