49 lines
1.1 KiB
Markdown
49 lines
1.1 KiB
Markdown
|
# Gap 间隔槽
|
||
|
|
一般用于页面布局时代替margin或者padding;或者充当（底部）占位元素。
|
||
|
|
|
||
|
|
## 基本使用
|
||
|
|
|
||
|
|
通过 `height` 属性设置高度 `background` 属性设置背景色。
|
||
|
|
|
||
|
|
|
||
|
|
```html
|
||
|
|
<wd-gap bg-color="#FFFFFF"></wd-gap>
|
||
|
|
```
|
||
|
|
|
||
|
|
## 自定义背景色
|
||
|
|
|
||
|
|
|
||
|
|
```html
|
||
|
|
<wd-gap bg-color="#4D80F0"></wd-gap>
|
||
|
|
```
|
||
|
|
|
||
|
|
## 自定义高度
|
||
|
|
|
||
|
|
|
||
|
|
```html
|
||
|
|
<wd-gap bg-color="#4D80F0" height="120rpx"></wd-gap>
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## 底部安全区
|
||
|
|
|
||
|
|
|
||
|
|
```html
|
||
|
|
<wd-gap safe-area-bottom height="0"></wd-gap>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Attributes
|
||
|
|
|
||
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
|
||
|
|
|-----------------|---------|---------|------------|-------------| -------- |
|
||
|
|
| height | 高度 | `string`/`number` | - | 15 | - |
|
||
|
|
| bgColor | 背景颜色 | string | | transparent | - |
|
||
|
|
| safeAreaBottom | 开启底部安全区 | boolean | true/false | false | - |
|
||
|
|
|
||
|
|
## 外部样式类
|
||
|
|
|
||
|
|
| 类名 | 说明 | 最低版本 |
|
||
|
|
| -------------------- | ---------------- | -------- |
|
||
|
|
| custom-class | 自定义样式 | - |
|