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