Gap 间隔槽 ¶
该组件一般用于内容块之间的用一个灰色块隔开的场景,方便用户风格统一,减少工作量
平台差异说明 ¶
| App(vue) | App(nvue) | H5 | 小程序 |
|---|---|---|---|
| √ | √ | √ | √ |
基本使用 ¶
直接引入即可使用
- 通过
height配置高度,单位px - 通过
bgColor配置背景颜色
html
<up-gap height="80" bgColor="#bbb"></up-gap>此页面源代码地址 ¶
API ¶
Props ¶
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| bgColor | 背景颜色 | String | transparent(背景透明) | - |
| height | 间隔槽高度,单位px | String/Number | 20 | - |
| marginTop | 与前一个元素的距离,单位px | String/Number | 0 | - |
| marginBottom | 与后一个元素的距离,单位px | String/Number | 0 | - |

