间隔 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 | 是否显示为行内模式 | Boolean | false | true | +1.0.0 |
样式变量
变量名 | 默认值 | 版本 |
---|---|---|
--pure-gap-size | - | +1.0.0 |
--pure-gap-background | - | +1.0.0 |
--pure-gap-height | 1em | +1.0.0 |
--pure-gap-vertical-align | - | +1.0.0 |