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