mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-07 17:48:34 +08:00
201e7a12b9
* refactor: ♻️ typescript支持增强 * refactor: ♻️ typescript支持增强 * refactor: ♻️ typescript支持增强 * refactor: ♻️ typescript支持增强 * refactor: ♻️ typescript支持增强 --------- Co-authored-by: xuqingkai <xuqingkai@hd123.com>
51 lines
1.1 KiB
Markdown
51 lines
1.1 KiB
Markdown
<frame/>
|
|
|
|
# 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 bg-color="#FFFFFF"></wd-gap>
|
|
```
|
|
|
|
## Attributes
|
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
|
|
|-----------------|---------|---------|------------|-------------| -------- |
|
|
| height | 高度 | `string`/`number` | - | 15 | - |
|
|
| bgColor | 背景颜色 | string | | transparent | - |
|
|
| safeAreaBbottom | 底部安全区 | boolean | true/false | false | - |
|
|
|
|
## 外部样式类
|
|
|
|
| 类名 | 说明 | 最低版本 |
|
|
| -------------------- | ---------------- | -------- |
|
|
| custom-class | 自定义样式 | - |
|