t-status-bar

StatusBar 状态栏

组件介绍

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

平台兼容

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

基础用法

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

<template>
  <view>
    <t-status-bar></t-status-bar>
    <view class="nav-bar">
      <text>自定义导航栏</text>
    </view>
    <view class="content">
      <text>页面内容</text>
    </view>
  </view>
</template>

Props

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