Space

演示

Space 跨端示例与演示

H5 Live浏览器运行时实时交互

订单筛选标签自动换行，操作纵向填充

当前筛选：全部

基础用法

<template>
  <VSpace>
    <VButton size="sm">
      按钮
    </VButton>
    <VButton size="sm">
      按钮
    </VButton>
  </VSpace>
</template>

方向与尺寸

<template>
  <VSpace direction="vertical" :size="[8, 12]">
    <VButton size="sm">
      按钮
    </VButton>
    <VButton size="sm">
      按钮
    </VButton>
  </VSpace>
</template>

换行与填充

<template>
  <VSpace :size="8" wrap>
    <VButton size="sm">
      按钮
    </VButton>
    <VButton size="sm">
      按钮
    </VButton>
    <VButton size="sm">
      按钮
    </VButton>
  </VSpace>
</template>

Props

Prop	类型	默认值	描述
direction	'horizontal' | 'vertical'	'horizontal'	间距方向
size	number | string | [number | string, number | string]	undefined	间距尺寸
align	'start' | 'end' | 'center' | 'baseline' | 'stretch'	'start'	交叉轴对齐
justify	'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'	'start'	主轴对齐
wrap	boolean	false	是否换行
fill	boolean	false	子元素是否填满宽度

Slots

Slot	描述
default	间距内容