# t-safe-bottom
SafeBottom 安全底部
t-safe-bottom 组件介绍
底部安全区组件,自动获取状态栏高度占位,H5端高度一般获取为0。
t-safe-bottom 平台兼容
| Harmony | H5 | Android | iOS | 小程序 | UTS |
|---|---|---|---|---|---|
| ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
t-safe-bottom 基础用法
vue
<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-safe-bottom Slots
| 插槽名 | 说明 |
|---|---|
| default | 内容插槽,可以在安全区域内放置内容 |