Icon 图标 使用指南 代码演示 基础用法 显示徽标 API Event 外部样式类 更新日志 Icon 图标 使用指南 在 app.json 或 index.json 中引入组件 "usingComponents" : { "van-icon" : "path/to/vant-weapp/dist/ic...

示例 商品详情 会员中心 购物车 示例 下面是一些使用 Vant 搭建的示例页面，点击图片切换至对应示例。 商品详情 源代码 会员中心 源代码 购物车 源代码 原文: https://youzan.github.io/vant/#/zh-CN/demo

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

定制主题 介绍 示例工程 样式变量 定制方法 步骤一 引入样式源文件 按需引入样式（推荐） 手动引入样式 步骤二 修改样式变量 定制主题 介绍 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 组...

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

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

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