Space 间距

基础用法

<x-space>
  <x-button v-for="i in 10" :key="i">button{{i}}</x-button>
</x-space>

显示代码

纵向间距

设置inline属性为 false

<x-space :inline="false">
  <x-button v-for="i in 5" :key="i">button{{i}}</x-button>
</x-space>

显示代码

自定义间距大小

设置size属性自定义间距大小。

<x-space :size="[15,5]">
  <x-button v-for="i in 15" :key="i">button{{i}}</x-button>
</x-space>

显示代码

Attributes 参数

参数	说明	类型	可选值	默认值
inline	是否为水平或者垂直	Boolean	true / false	true
size	自定义间距大小，接收两个参数，第一个为垂直间距，第二个为水平间距，当 inline 为 false 是，只需要一个参数设置垂直间距即可	Array	-	[20, 20]