page-凯发app官方网站

视图容器

基础内容

表单组件

导航

媒体组件

画布

地图

开放组件

无障碍访问

页面属性配置节点

扩展组件

更新时间：2023-11-30 19:05:05

贡献者

订阅更新

我的文档

设置

简介

页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。通过这个节点可以获得类似于调用

、

等接口调用的效果。

使用限制

版本要求基础库

及以上，若版本较低，建议做

。

使用

示例代码

.axml 示例代码

<page-meta

background-text-style="{{bgtextstyle}}"

background-color="{{bgcolor}}"

background-color-top="{{bgcolortop}}"

background-color-bottom="{{bgcolorbottom}}"

scroll-top="{{scrolltop}}"

page-style="color: green"

root-font-size="16px"

onscroll="handlescroll"

page-meta>

.js 示例代码

属性说明

表格中 “-” 代表支持。

属性	类型	描述	native 渲染引擎兼容性
background-color	string	窗口的背景色，必须为十六进制颜色值。	-
background-color-top	string	顶部窗口的背景色，必须为十六进制颜色值，仅 ios 支持。	-
background-color-bottom	string	底部窗口的背景色，必须为十六进制颜色值，仅 ios 支持。	-
root-background-color	string	页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域。	-
scroll-top	string	滚动位置，可以使用 px 或者 rpx 为单位，在被设置时，页面会滚动到对应位置。	-
scroll-duration	number	滚动动画时长。默认值： 300	暂不支持
page-style	string	页面根节点样式，页面根节点是所有页面节点的祖先节点，相当于 html 中的 body 节点。	-
page-font-size	string	页面 page 的字体大小，可以设置为system ，表示使用当前用户设置的支付宝字体大小。	-
root-font-size	string	页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值，即 1rem 等于这个字体大小；可以设置为 system ，表示使用当前用户设置的支付宝字体大小。	-
onscroll	eventhandle	页面滚动时触发，event.detail = { scrolltop }	-