写点什么

【愚公系列】2022 年 11 月 微信小程序 - 页面配置

作者:愚公搬代码
  • 2022-11-18
    福建
  • 本文字数:975 字

    阅读完需:约 3 分钟

一、页面配置

页面中配置项在当前页面会覆盖 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

二、配置示例

{  "navigationBarBackgroundColor": "#ffffff",  "navigationBarTextStyle": "black",  "navigationBarTitleText": "我是被覆盖的小程序页面",  "backgroundColor": "#eeeeee",  "backgroundTextStyle": "light"}
复制代码


发布于: 刚刚阅读数: 5
用户头像

还未添加个人签名 2022-03-01 加入

该博客包括:.NET、Java、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、python、大数据等相关使用及进阶知识。查看博客过程中,如有任何问题,皆可随时沟通。

评论

发布
暂无评论
【愚公系列】2022年11月 微信小程序-页面配置_11月月更_愚公搬代码_InfoQ写作社区