# Gap 间隔
用于不同内容的分割
# 平台差异说明
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ |
# 示例
# 基础用法
<pi-gap />
1
# 间隔高度
可通过height控制间隔槽的高度
<pi-gap height="40" />
1
# 背景颜色
可通过background控制间隔槽的高度
<pi-gap background="#f50" margin-bottom="50" />
<pi-gap background="#ff508a" margin-bottom="50" />
<pi-gap background="#5a7dff" />
1
2
3
2
3
# Props
| 名称 | 描述 | 类型 | 必选 | 默认值 |
|---|---|---|---|---|
| customStyle | 自定义样式 | Object | false | - |
| customClass | 自定义样式类 | String | false | - |
| background | 背景颜色 | String | false | #f4f4f4 |
| height | 高度 | String | Number | false | 24 |
| marginTop | 与上一个组件的距离 | String | Number | false | 0 |
| marginBottom | 与下一个组件的距离 | String | Number | false | 0 |
# Slots
| 名称 | 描述 | 插槽内容 |
|---|---|---|
| default | - | - |