1. Button 按钮
按钮组件用于触发用户交互操作，支持不同的样式和尺寸。
<van-button type="primary">主要按钮</van-button>
<van-button type="default">默认按钮</van-button>
<van-button type="info">信息按钮</van-button>
<!-- 更多按钮类型和配置请查阅文档 -->
2. Cell 单元格
单元格组件常用于展示列表信息，可包含图标、标题、描述等内容。
<van-cell title="单元格标题" value="单元格内容" />
<van-cell title="带图标的单元格" value="单元格内容" icon="photo-o" />
<!-- 更多单元格配置请查阅文档 -->
3. Icon 图标
图标组件用于展示矢量图标，Vant 内置了一套常用的图标集。
<van-icon name="like" />
<van-icon name="star" />
<!-- 更多图标请查阅文档 -->
4. Image 图片
图片组件用于展示图片，支持懒加载、占位符等特性。
<van-image src="https://example.com/image.jpg" />
<!-- 更多图片配置请查阅文档 -->
5. Switch 开关
开关组件用于表示两种相对状态的切换，如开启/关闭、选择/取消选择等。
<van-switch v-model="checked" />
<!-- 更多开关配置请查阅文档 -->
6. Radio 单选框
单选框组件用于从一组选项中选择单个选项。
<van-radio v-model="radioValue" label="选项 1">选项 1</van-radio>
<van-radio v-model="radioValue" label="选项 2">选项 2</van-radio>
<!-- 更多单选框配置请查阅文档 -->
7. Checkbox 多选框
多选框组件用于从一组选项中选择多个选项。
<van-checkbox v-model="checkboxValues" shape="round">选项 1</van-checkbox>
<van-checkbox v-model="checkboxValues" shape="round">选项 2</van-checkbox>
<!-- 更多多选框配置请查阅文档 -->
以上是一些 Vant 的基础组件，更多组件和详细的用法可以查阅 Vant 的[官方文档](https://vant-contrib.gitee.io/vant/#/zh-CN/)。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5646/Vant