WU-UIGap
This component is generally used in scenes where the content blocks are separated by a gray block, which is convenient for the user to unify the style and reduce the workload
platform compatibility
| App(vue) | App(nvue) | H5 | 小程序 | VUE2 | VUE3 |
|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ |
basic use
Direct import can be used
- Configure the height through
height, the unit is px - Configure background color via
bgColor
vue
<wu-gap height="80" bgColor="#bbb"></wu-gap><wu-gap height="80" bgColor="#bbb"></wu-gap>API
Gap Props
| property name | description | type | default value | optional values |
|---|---|---|---|---|
| bgColor | background color | String | transparent (background transparent) | - |
| height | Height of interval slot, unit px | String / Number | 20 | - |
| marginTop | The distance from the previous element, in px | String / Number | 0 | - |
| marginBottom | The distance from the next element, in px | String / Number | 0 | - |