Skip to content

间隔 Gap

  • 一个基础的间隔组件,方便页面快速布局

插件市场地址

https://ext.dcloud.net.cn/plugin?name=pure-gap

基础使用

通过 size 属性设置显示大小。

vue
<pure-gap size="20px"></pure-gap>

行内模式

通过 inline 属性设置为行内模式。

vue
<pure-gap inline></pure-gap>

Props

属性名说明类型默认值可选值版本
size大小String--+1.0.0
inline是否显示为行内模式Booleanfalsetrue+1.0.0

样式变量

变量名默认值版本
--pure-gap-size-+1.0.0
--pure-gap-background-+1.0.0
--pure-gap-height1em+1.0.0
--pure-gap-vertical-align-+1.0.0

基于 MIT 许可发布