Area 省市区选择 介绍 引入 代码演示 基础用法 areaList 格式 @vant/area-data 选中省市区 配置显示列 配置列占位提示文字 云开发示例 使用云开发获取省市区数据 API Props Events 方法 点击完成时返回的数据格式 Area 省市区选择 介绍 省市区选择组件通常与 弹出层 ...

定制主题 介绍 示例工程 样式变量 定制方法 步骤一 引入样式源文件 按需引入样式（推荐） 手动引入样式 步骤二 修改样式变量 定制主题 介绍 Vant 提供了一套默认主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以按照本文档进行主题定制。 示例工程 我们提供了一个基于 V...

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

定制主题 介绍 示例工程 样式变量 定制方法 步骤一 引入样式源文件 按需引入样式（推荐） 手动引入样式 步骤二 修改样式变量 定制主题 介绍 Vant 提供了一套默认主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以按照本文档进行主题定制。 示例工程 我们提供了一个基于 V...

内置样式 使用指南 文字省略 1px 边框 内置样式 Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。 使用指南 在 app.wxss 中引入内置样式 @ import "path/to/vant-weapp/dist/common/index.wxss" ; 文字省略 当文本内...

Vant Weapp 介绍 预览 快速上手 贡献代码 加入我们 链接 开源协议 Vant Weapp 轻量、可靠的小程序 UI 组件库 介绍 Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。 预览 扫描下方小程序二维...

定制主题 介绍 示例工程 样式变量 定制方法 步骤一 引入样式源文件 按需引入样式（推荐） 手动引入样式 步骤二 修改样式变量 定制主题 介绍 Vant 提供了一套默认主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以按照本文档进行主题定制。 示例工程 我们提供了一个基于 V...

ContactCard 联系人卡片 介绍 引入 代码演示 添加联系人 编辑联系人 不可编辑 API Props Events 类型定义 主题定制 样式变量 ContactCard 联系人卡片 介绍 以卡片的形式展示联系人信息。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 import { cr...

ContactCard 联系人卡片 介绍 引入 代码演示 添加联系人 编辑联系人 不可编辑 API Props Events 类型定义 主题定制 样式变量 ContactCard 联系人卡片 介绍 以卡片的形式展示联系人信息。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 import { cr...

常见问题 如何自定义 Vant 组件的样式？ 1. 主题定制 2. 覆盖默认样式 在 HTML 中无法正确渲染组件？ 在 iOS 上点击组件时，无法触发点击反馈效果？ 为什么没有 Select 组件？ 是否支持在 uni-app 中使用？ 部分组件无法在桌面端进行操作？ 如何进行移动端响应式适配？ 常见问题 如何自定义 Vant 组...