状态栏占位

ux-status-bar 组件

ux-status-bar 状态栏占位组件用于自定义头部导航占位,会动态计算手机端状态栏高度,并产生一个占位 view。

运行图示

组件属性

属性名称类型默认值作用
backgroundString空字符占位区域背景颜色

使用示例

1. 开启自定义头部导航

page.json

{
	"path": "pages/switchPages/index",
	"style": {
		"navigationBarTitleText": "",
		"navigationStyle": "custom"
	}
}

2. 使用 ux-status-bar 组件

<template>
	<view class="ux-column ux-flex1">
		<ux-status-bar 
		background="rgba(0,0,255,0.35)"></ux-status-bar>
		<view class="ux-body ux-mt-large">
			<demo-logo title="基础"></demo-logo>
		</view>
    </view>
    <!-- 其他布局 -->
</template>