设计资源 介绍 设计稿 组件设计稿（Sketch） 色彩规范 字体规范 组件规范 图标设计稿（Sketch） 在线资源 Axure 元件库 设计资源 介绍 本页面提供 Vant 的设计资源下载。 设计稿 组件设计稿（Sketch） 包含 Sketch 格式的色彩规范、字体规范、组件设计规范。 色彩规范 字体规范 ...

Area 省市区选择 介绍 引入 代码演示 基础用法 areaList 格式 @vant/area-data 选中省市区 配置显示列 配置列占位提示文字 API Props Events ConfirmResult 格式 Slots 方法 类型定义 常见问题 在桌面端无法操作组件？ Area 省市区选择 介绍 省市...

定制主题 废弃提示 介绍 示例工程 样式变量 定制方法 步骤一 引入样式源文件 按需引入样式（推荐） 手动引入样式 步骤二 修改样式变量 Vite 项目 定制主题 废弃提示 本文档已废弃，Vant 提供了更方便的 ConfigProvider 全局配置 组件进行主题配置。基于 Less 变量进行定制的方式将在下个大版本废弃 。 ...

Icon 图标 使用指南 代码演示 基础用法 显示徽标 使用本地字体文件 自定义图标 API Event Icon 图标 使用指南 import { Icon } from 'vant' ; Vue . use ( Icon ); 代码演示 基础用法 Icon 的name 属性...

国际化 介绍 使用方法 多语言切换 覆盖语言包 语言包 常见问题 找不到所需的语言包？ 业务代码如何实现国际化？ 以 CDN 形式引入时，如何使用语言包？ 语言包中不包含 Sku 组件？ 国际化 介绍 Vant 采用中文作为默认语言，同时支持多语言切换，请按照下方教程进行国际化设置。 使用方法 多语言切换 Vant ...

ImagePreview 图片预览 介绍 函数调用 组件调用 代码演示 基础用法 指定初始位置 展示关闭按钮 监听关闭事件 异步关闭 组件调用 API Options Props Events 方法 Slots onClose 回调参数 onScale 回调参数 样式变量 常见问题 在桌面端无法操作组件？ I...

Image 图片 介绍 引入 代码演示 基础用法 填充模式 圆形图片 图片懒加载 加载中提示 加载失败提示 API Props 图片填充模式 Events Slots Image 图片 介绍 增强版的 img 标签，提供多种图片填充模式，支持图片懒加载、加载中提示、加载失败提示 引入 import Vue ...

Notify 消息提示 介绍 引入 函数调用 代码演示 基础用法 通知类型 自定义通知 使用 Notify 组件 API 方法 NotifyOptions 类型定义 主题定制 样式变量 常见问题 引用 showNotify 时出现编译报错？ Notify 消息提示 介绍 在页面顶部展示消息提示，支持组件调用和函数调用两...

开发指南 Issue 规范 Pull Request 规范 初始化项目 目录结构 添加新组件 组件文档 1. 标题规范 2. 组件描述 3. 使用指南 4. 代码演示 5. API 说明 6. Event 说明 实用技巧 组件互相引用 组件创建 样式 开发指南 首先感谢你使用 Vant。 以下是关于向 Vant 提交...

开发指南 介绍 Issue 规范 Pull Request 规范 Pull Request 流程 同步教程 初始化项目 目录结构 添加新组件 开发指南 介绍 首先感谢你使用 Vant。 以下是关于向 Vant 提交代码的指南。在向 Vant 提交 Issue 或者 PR 之前，请先花几分钟时间阅读以下文字。 Issue 规...