870 B
870 B
Space 间距
控制子元素之间的间距与排列方向，支持分隔符。
基础用法
:::preview 基础用法 || 尺寸可用预设名或具体数值，数组形式分别指定横向与纵向
demo-preview=../demos/space/basic.vue
:::
何时使用
需要给一组元素之间加统一间距时使用。相比手写 margin，它把间距收敛到一个属性上，调整时不必逐个改样式。
尺寸
size 接受三种写法：
| 写法 | 说明 |
|---|---|
"small" / "medium" / "large" |
预设值，分别为 8 / 16 / 24 像素 |
| 数字或带单位的字符串 | 自定义间距，如 12、"1.5rem" |
| 数组 | 依次表示横向与纵向间距 |
分隔符
separator 或 separator 插槽会在相邻元素之间插入内容，注意末尾元素之后不会插入。