Space 间距

引入

通过以下方式来全局注册组件，更多注册方式请参考组件注册。

基础用法

Space 组件会在各个子组件之间设置一定的间距，默认间距为 8px。

  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
</van-space>

自定义间距

通过调整 size 的值来控制间距的大小。传入 number 类型时，会默认使用 px 单位；也可以传入 string 类型，比如 2rem 或 5vw 等带有单位的值。

<!-- 20px -->
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
</van-space>
<van-space size="2rem">
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
  <van-button type="primary">按钮</van-button>
</van-space>

对齐方式

通过调整 align 的值来设置子元素的对齐方式, 可选值为 start, center ,end ,baseline，在水平模式下的默认值为 。

import { ref } from 'vue';
export default {
  setup() {
    const align = ref('center');
    return { align };
  },

API

Props

Slots

组件导出以下类型定义：