Steps 步骤条 引入 代码演示 基础用法 自定义样式 竖向步骤条 API Steps Props 外部样式类 Steps 步骤条 引入 在app.json 或index.json 中引入组件，详细介绍见快速上手 "usingComponents" : { "van-steps" : "path/to/@v...

Switch 开关 引入 代码演示 基础用法 禁用状态 加载状态 自定义大小 自定义颜色 异步控制 API Props Events 外部样式类 Switch 开关 引入 在app.json 或index.json 中引入组件，详细介绍见快速上手 "usingComponents" : { "van-sw...

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

Overlay 遮罩层 介绍 引入 代码演示 基础用法 嵌入内容 API Props Events Slots 样式变量 Overlay 遮罩层 介绍 创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。 引入 import { createApp } from 'vue' ; impor...

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

Overlay 遮罩层 介绍 引入 代码演示 基础用法 嵌入内容 API Props Events Slots 样式变量 Overlay 遮罩层 介绍 创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。 引入 import { createApp } from 'vue' ; impor...

Sticky 粘性布局 介绍 引入 代码演示 基础用法 吸顶距离 指定容器 API Props Events Sticky 粘性布局 介绍 Sticky 组件与 CSS 中position: sticky 属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部。 引入 i...

Steps 步骤条 引入 代码演示 基础用法 自定义样式 竖向步骤条 API Steps Props Step Slots Steps 步骤条 引入 import Vue from 'vue' ; import { Step , Steps } from 'vant' ; Vue ....

Slider 滑块 使用指南 基本用法 指定选择范围 禁用 指定步长 自定义样式 自定义按钮 自定义按钮 API Event 外部样式类 更新日志 Slider 滑块 使用指南 在 app.json 或 index.json 中引入组件 "usingComponents" : { "van-slider"...

AddressEdit 地址编辑 介绍 引入 代码演示 基础用法 API Props Events Slots 方法 AddressInfo 数据格式 SearchResult 数据格式 省市县列表数据格式 样式变量 AddressEdit 地址编辑 介绍 收货地址编辑组件，用于新建、更新、删除收货地址。 引入 i...