小程序 page-meta页面属性配置组件、navigation-bar导航条配置组件

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>
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值