# t-status-bar

StatusBar 状态栏

t-status-bar 组件介绍

t-status-bar 是状态栏占位组件，自动获取状态栏高度进行占位，适配不同设备的状态栏高度。

t-status-bar 平台兼容

Harmony	H5	Android	iOS	小程序	UTS
✅	✅	✅	✅	✅	✅

t-status-bar 基础用法

基础用法参考 demo/status-bar/status-bar.uvue，直接使用组件即可自动适配状态栏高度。

<template>
	<view class="p-15">
		<t-card class="mb-15"
				title='StatusBar 状态栏占位'
				sub-title="自动获取状态栏高度占位,H5端高度一般获取为0"></t-card>
		<t-status-bar class="b"></t-status-bar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>

t-status-bar Props

属性名	说明	类型	默认值
path	点击组件后跳转的页面路径	string	''
hover	是否启用点击效果	boolean	false
type	组件主题类型	string	''
disabled	是否禁用	boolean	false
effect	组件显示主题	string	''
size	组件尺寸	string	''