基本用法
1. 安装 Vant4 和 Space 组件：
确保你已经安装了 Vant4 和相关的样式：
npm install vant@next
2. 引入 Space 组件：
在需要使用 Space 的组件中，引入 Space 组件：
<template>
<van-space>
<div>元素1</div>
<div>元素2</div>
<div>元素3</div>
</van-space>
</template>
常见配置选项
以下是一些常见的 Space 配置选项：
- direction： 排列方向，可选值为 'horizontal'（水平排列）或 'vertical'（垂直排列），默认为 'horizontal'。
<template>
<van-space direction="vertical">
<div>垂直排列元素1</div>
<div>垂直排列元素2</div>
<div>垂直排列元素3</div>
</van-space>
</template>
- gutter： 间距大小，可以是数字或字符串，单位为像素或其他长度单位。
<template>
<van-space :gutter="16">
<div>带有间距的元素1</div>
<div>带有间距的元素2</div>
<div>带有间距的元素3</div>
</van-space>
</template>
- align： 元素的垂直对齐方式，可选值为 'top'、'middle'、'bottom'，默认为 'middle'。
<template>
<van-space align="top">
<div>顶部对齐元素1</div>
<div>顶部对齐元素2</div>
<div>顶部对齐元素3</div>
</van-space>
</template>
这只是 Vant4 中 Space 间距组件的一些基本用法和配置选项。你可以根据项目需要，查阅 Vant4 官方文档以获取更多详细信息和高级用法。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5796/Vant