---

url: 'https://wot-ui.cn/component/gap.md'

Gap 间隔槽

一般用于页面布局时代替margin或者padding;或者充当（底部）占位元素。

基本使用

通过 height 属性设置高度 background 属性设置背景色。

<wd-gap bg-color="#FFFFFF"></wd-gap>

自定义背景色

<wd-gap bg-color="#4D80F0"></wd-gap>

自定义高度

<wd-gap bg-color="#4D80F0" height="120rpx"></wd-gap>

底部安全区

<wd-gap safe-area-bottom height="0"></wd-gap>

Attributes

| height | 高度 | string/number | - | 15 | - |
| bgColor | 背景颜色 | string | | transparent | - |
| safeAreaBottom | 开启底部安全区 | boolean | true/false | false | - |

外部样式类

| custom-class | 自定义样式 | - |