内置样式 介绍 文字省略 1px 边框 动画 内置样式 介绍 Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。 文字省略 当文本内容长度超过容器最大宽度时，自动省略多余的文本。 <!-- 最多显示一行 --> <div class = "van-ellipsis" > 这是一段最多显示一行...

Stepper 步进器 引入 代码演示 基础用法 步长设置 限制输入范围 限制输入整数 禁用状态 异步变更 API Props Events Stepper 步进器 引入 import { Stepper } from 'vant' ; Vue . use ( Stepper ); ...

Checkbox 复选框 引入 代码演示 基础用法 禁用状态 自定义形状 自定义颜色 自定义大小 自定义图标 禁用文本点击 复选框组 限制最大可选数 搭配单元格组件使用 API Checkbox Props CheckboxGroup Props Checkbox Event Checkbox 外部样式类 CheckboxG...

Popup 弹出层 介绍 引入 代码演示 基础用法 弹出位置 关闭图标 圆角弹窗 指定挂载位置 API Props Events Slots 类型定义 主题定制 样式变量 Popup 弹出层 介绍 弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示。 引入 通过以下方式来全局注册组件，更多注册方式请参考...

更新日志 提示 介绍 更新内容 v3.2.5 v3.2.4 v3.2.3 v3.2.2 v3.2.1 v3.2.0 v3.1.5 v3.1.4 v3.1.3 v3.1.2 v3.1.1 v3.1.0 v3.0.18 v3.0.17 v3.0.16 v3.0.15 v3.0.14 v3.0.13 v3.0.12 v3...

NavBar 导航栏 介绍 引入 代码演示 基础用法 高级用法 API Props Slot Events 外部样式类 NavBar 导航栏 介绍 为页面提供导航功能，常用于页面顶部。 引入 在app.json 或index.json 中引入组件，详细介绍见快速上手 。 "usingComponents" : { ...

Switch 开关 介绍 引入 代码演示 基础用法 禁用状态 加载状态 自定义大小 自定义颜色 异步控制 API Props Events 外部样式类 Switch 开关 介绍 用于在打开和关闭状态之间进行切换。 引入 在app.json 或index.json 中引入组件，详细介绍见快速上手 。 "usingComp...

NavBar 导航栏 引入 代码演示 基础用法 高级用法 API Props Slot Events 外部样式类 NavBar 导航栏 引入 在app.json 或index.json 中引入组件，详细介绍见快速上手 "usingComponents" : { "van-nav-bar" : "@vant/...

SwitchCell 开关单元格 废弃提示 引入 代码演示 基础用法 禁用状态 加载状态 API Props Events SwitchCell 开关单元格 废弃提示 SwitchCell 组件将在 3.0 版本中废弃 ，请直接使用 Cell 和 Switch 组件代替，替换写法如下： <van-cell center ...

TreeSelect 分类选择 引入 代码演示 基础用法 API Props Events items 分类显示所需数据的数据结构 TreeSelect 分类选择 引入 import { TreeSelect } from 'vant' ; Vue . use ( TreeSelect ); ...