Skip to content

Gap 间隔槽

该组件一般用于内容块之间的用一个灰色块隔开的场景,方便用户风格统一,减少工作量

平台兼容性

App(vue)App(nvue)H5小程序VUE2VUE3

基本使用

直接引入即可使用

  • 通过 height 配置高度,单位px
  • 通过 bgColor 配置背景颜色
vue
<wu-gap height="80" bgColor="#bbb"></wu-gap>
<wu-gap height="80" bgColor="#bbb"></wu-gap>

API

Gap Props

属性名说明类型默认值可选值
bgColor背景颜色Stringtransparent(背景透明)-
height间隔槽高度,单位pxString / Number20-
marginTop与前一个元素的距离,单位pxString / Number0-
marginBottom与后一个元素的距离,单位pxString / Number0-