介绍
配合Tabbar组件使用,用于占位。
代码演示
基础使用
在页面放置,即可占据一个和 Tabbar 组件高度一致的坑。
vue
<template>
<s-tabbar-pit style="background: var(--s-fill-color-tertiary)" />
</template>底部安全距离
如果要撑开一个 Tabbar 高度 + env(safe-area-inset-bottom),可以设置 safe-area-inset-bottom 属性。
vue
<template>
<s-tabbar-pit safe-area-inset-bottom style="background: var(--s-fill-color-tertiary)" />
</template>API
TabbarPitProps
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| safe-area-inset-bottom | 是否开启底部安全区适配 | boolean | false |