【愚公系列】2022 年 11 月 微信小程序 - 页面配置
一、页面配置
页面中配置项在当前页面会覆盖 app.json 中相同的配置项(样式相关的配置项属于 app.json 中的 window 属性,但这里不需要额外指定 window 字段),能覆盖的配置属性如下:
属性 | 类型 | 默认值 | 描述 | 最低版本
-------- | ----- | ----- | ----- | -----
navigationBarBackgroundColor | HexColor | #000000| 导航栏背景颜色,如 #000000
navigationBarTextStyle | string| white | 导航栏标题颜色,仅支持 black / white
navigationBarTitle| Text | string | 导航栏标题文字内容
navigationStyle| string | default | 导航栏样式,仅支持以下值:default 默认样式 。custom 自定义导航栏,只保留右上角胶囊按钮。 | iOS/Android 微信客户端 7.0.0,Windows 微信客户端不支持
backgroundColor| HexColor | #ffffff | 窗口的背景色
backgroundTextStyle | string| dark| 下拉 loading 的样式,仅支持 dark / light
backgroundColorTop | string | #ffffff | 顶部窗口的背景色,仅 iOS 支持 | 微信客户端 6.5.16
backgroundColorBottom | string| #ffffff | 底部窗口的背景色,仅 iOS 支持 | 微信客户端 6.5.16
enablePullDownRefresh | boolean | false | 是否开启当前页面下拉刷新。详见 Page.onPullDownRefresh
onReachBottomDistance | number | 50 | 页面上拉触底事件触发时距页面底部距离,单位为 px。| 详见 Page.onReachBottom
pageOrientation | string| portrait | 屏幕旋转设置,支持 auto / portrait / landscape 详见 响应显示区域变化 | 2.4.0 (auto) / 2.5.0 (landscape)
disableScroll | boolean| false | 设置为 true 则页面整体不能上下滚动。只在页面配置中有效,无法在 app.json 中设置
usingComponents | Object | 否 | 页面自定义组件配置 | 1.6.3
initialRenderingCache| string | | 页面初始渲染缓存配置,支持 static / dynamic | 2.11.1
style| string | default | 启用新版的组件样式| 2.10.2
singlePage | Object| 否 | 单页模式相关配置 | 2.12.0
restartStrategy | string | homePage| 重新启动策略配置| 2.8.0
二、配置示例
版权声明: 本文为 InfoQ 作者【愚公搬代码】的原创文章。
原文链接:【http://xie.infoq.cn/article/71eb360a67a35b308c1656753】。文章转载请联系作者。
评论