示例 商品详情 会员中心 购物车 示例 下面是一些使用 Vant 搭建的示例页面，点击图片切换至对应示例。 商品详情 源代码 会员中心 源代码 购物车 源代码

Button 按钮 使用指南 代码演示 按钮类型 按钮尺寸 禁用状态 加载状态 自定义按钮标签 页面底部操作按钮 API Event Button 按钮 使用指南 import { Button } from 'vant' ; Vue . use ( Button ); 代码演示 按钮...

Overlay 遮罩层 介绍 引入 代码演示 基础用法 嵌入内容 API Props Events Slots 类型定义 主题定制 样式变量 Overlay 遮罩层 介绍 创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 import ...

Icon 图标 介绍 引入 代码演示 基础用法 提示信息 图标颜色 图标大小 常见问题 开发者工具上提示 Faild to load font 是什么情况？ API Props Events 外部样式类 Icon 图标 介绍 基于字体的图标集， 可以通过 Icon 组件使用，也可以在其他组件中通过icon 属性引...

设计资源 介绍 组件 图标 设计资源 介绍 这里提供了 Vant 现有的设计资源，更多资源还在整理中。 组件 包含 Sketch 格式的组件设计规范、色彩规范。下载 图标 包含 Sketch 格式的图标库资源。下载

AddressList 地址列表 引入 代码演示 基础用法 API Props Events Address 数据结构 Slots AddressList 地址列表 引入 import Vue from 'vue' ; import { AddressList } from 'vant' ; ...

Sidebar 侧边导航 引入 代码演示 基础用法 提示信息 禁用选项 监听切换事件 API Sidebar Props Sidebar Events SidebarItem Props SidebarItem Events Sidebar 侧边导航 引入 import Vue from 'vue' ; im...

NavBar 导航栏 介绍 引入 代码演示 基础用法 使用插槽 API Props Slots Events 主题定制 样式变量 NavBar 导航栏 介绍 为页面提供导航功能，常用于页面顶部。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 import { createApp } from...

Checkbox 复选框 介绍 引入 代码演示 基础用法 禁用状态 自定义形状 自定义颜色 自定义大小 自定义图标 禁用文本点击 复选框组 水平排列 限制最大可选数 全选与反选 搭配单元格组件使用 API Checkbox Props CheckboxGroup Props Checkbox Events Checkbo...

Toast 轻提示 使用指南 代码演示 文字提示 加载提示 成功/失败提示 高级用法 组件内调用 单例模式 方法 Options Toast 轻提示 使用指南 import { Toast } from 'vant' ; Vue . use ( Toast ); 代码演示 ...