2023年wxapp页面属性配置节点 page-meta
作者: --时间: 2025-06-27 02:16:07
阅读量:
使用小程序已经成为企业推广和服务的重要手段之一。页面属性配置节点 page-meta 是一个非常有用的工具,可以帮助企业更好地掌握自己的小程序页面。
页面属性配置节点的使用
页面属性配置节点是一个指定页面属性和监听页面事件的节点。它通常是页面内第一个节点,并且可以与 navigation-bar 组件一起使用。
可配置属性列表
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
background-text-style | string | 否 | 可以设置下拉背景字体和 loading 图的样式,目前仅支持 dark 和 light 样式。 | 2.9.0 | |
background-color | string | 否 | 可以设置窗口的背景色,必须使用十六进制颜色值。 | 2.9.0 | |
background-color-top | string | 否 | 可以设置顶部窗口的背景色,必须使用十六进制颜色值,仅 iOS 支持。 | 2.9.0 | |
background-color-bottom | string | 否 | 可以设置底部窗口的背景色,必须使用十六进制颜色值,仅 iOS 支持。 | 2.9.0 | |
scroll-top | string | "" | 否 | 可以设置滚动位置,可以使用 px 或 rpx 为单位,设置后页面会自动滚动到指定位置。 | 2.9.0 |
scroll-duration | number | 300 | 否 | 可以设置滚动动画时长。 | 2.9.0 |
page-style | string | "" | 否 | 可以设置页面根节点样式,类似于 HTML 中的 body 节点。 | 2.9.0 |
body-font-size | string | "" | 否 | 可以设置页面的字体大小,也可以使用 system 表示使用当前用户设置的微信字体大小。 | 2.11.0 |
root-font-size | string | "" | 否 | 可以设置页面的根字体大小,用于计算 rem 单位的大小,也可以使用 system 表示使用当前用户设置的微信字体大小。 | 2.9.0 |