Skip to content
# t-safe-bottom

SafeBottom 安全底部

t-safe-bottom 组件介绍 ​

底部安全区组件,自动获取状态栏高度占位,H5端高度一般获取为0。

t-safe-bottom 平台兼容 ​

HarmonyH5AndroidiOS小程序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内容插槽,可以在安全区域内放置内容