space 间距

基本

基本用法

<template>
    <lii-space>
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
    </lii-space>
</template>

排列

竖向排列

<template>
  <lii-space :inline="false">
    <lii-button>测试</lii-button>
    <lii-button>测试</lii-button>
    <lii-button>测试</lii-button>
  </lii-space>
</template>

调整间距

间距分别为30,20,10

<template>
    <lii-space :size="[30,30]" >
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
    </lii-space>
    <lii-space :size="[20,20]" >
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
    </lii-space>
    <lii-space :size="[10,10]" >
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
        <lii-button>测试</lii-button>
    </lii-space>
</template>

属性

参数	说明	类型	可选值	默认值
inline	是否按行排列	Boolean	true/false	true
size	组件内元素间隔	Array[Number,Number]	——	[10,10]