1、page-meta
针对当前组件页面的配置,只能是页面内的第一个节点
<page-meta
background-text-style 下拉背景字体、loading 图的样式,仅支持dark和light
background-color 窗口的背景色,必须为十六进制颜色值
background-color-top 顶部窗口的背景色,必须为十六进制颜色值,仅iOS支持
background-color-bottom 底部窗口的背景色,必须为十六进制颜色值,仅iOS支持
root-background-color 页面内容的背景色,用于页面中的空白部分和页面大小变化resize动画期间的临时空闲区域
scroll-top 滚动位置,可以使用px或者rpx为单位,在被设置时,页面会滚动到对应位置
scroll-duration 滚动动画时长
page-style 页面根节点样式,页面根节点是所有页面节点的祖先节点,相当于HTML中的body节点
page-font-size 页面page的字体大小,可以设置为system,表示使用当前用户设置的微信字体大小
root-font-size 页面的根字体大小,页面中的所有rem单位,将使用这个字体大小作为参考值,即1rem等于这个字体大小,自小程序版本2.11.0起,也可以设置为system
page-orientation 页面的方向,可为autoportrait或landscape
bindresize 页面尺寸变化时会触发resize事件,event.detail={size:{windowWidth,windowHeight}}
bindscroll 页面滚动时会触发scroll事件,event.detail={scrollTop}
bindscrolldone 如果通过改变scroll-top属性来使页面滚动,页面滚动结束后会触发scrolldone事件
>
</page-meta>
2、navigation-bar
页面导航条配置节点,用于指定导航栏的一些属性,只能是page-meta组件内的第一个节点,需要配合它一同使用。
<page-meta>
<navigation-bar
title 导航条标题
loading 是否在导航条显示loading加载提示
front-color 导航条前景颜色值,包括按钮、标题、状态栏的颜色,仅支持#ffffff和#000000
background-color 导航条背景颜色值,有效值为十六进制颜色
color-animation-duration 改变导航栏颜色时的动画时长,默认为0(即没有动画效果)
color-animation-timing-func 改变导航栏颜色时的动画方式,支持 linear 、 easeIn 、 easeOut和easeInOut
/>
</page-meta>
小程序 page-meta页面属性配置组件、navigation-bar导航条配置组件
最新推荐文章于 2024-04-19 10:17:03 发布