Swipe 轮播 使用指南 代码演示 基础用法 图片懒加载 监听 change 事件 纵向滚动 控制滑块大小 自定义指示器 API Swipe 事件 SwipeItem 事件 方法 插槽 Swipe 轮播 使用指南 import { Swipe , SwipeItem } from 'vant...

Layout 布局 使用指南 代码演示 基本用法 设置列元素间距 Flex 布局 API Row Col Layout 布局 提供了van-row 和van-col 两个组件来进行行列布局 使用指南 import { Row , Col } from 'vant' ; Vue . use (...

Sidebar 侧边导航 引入 代码演示 基础用法 徽标提示 禁用选项 监听切换事件 API Sidebar Props Sidebar Events SidebarItem Props SidebarItem Events SidebarItem Slots 样式变量 Sidebar 侧边导航 引入 import ...

Picker 选择器 介绍 引入 代码演示 基础用法 选项配置 顶部栏 搭配弹出层使用 双向绑定 多列选择 级联选择 禁用选项 加载状态 自定义 Columns 的结构 API Props Events Slots PickerOption 数据结构 方法 类型定义 主题定制 样式变量 常见问题 在桌面端无法操作...

ActionBar 动作栏 介绍 引入 代码演示 基础用法 徽标提示 自定义图标颜色 自定义按钮颜色 API ActionBar Props ActionBarIcon Props ActionBarButton Props ActionBarIcon Slots ActionBarButton Slots 类型定义 主题定制 ...

Card 商品卡片 使用指南 代码演示 基础用法 高级用法 API Slot 外部样式类 更新日志 Card 商品卡片 使用指南 在 app.json 或 index.json 中引入组件 "usingComponents" : { "van-card" : "path/to/vant-weapp/dist...

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

Skeleton 骨架屏 介绍 引入 代码演示 基础用法 显示头像 展示子组件 API Props 类型定义 主题定制 样式变量 Skeleton 骨架屏 介绍 用于在内容加载过程中展示一组占位图形。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 import { createApp } f...

Loading 加载 介绍 引入 代码演示 加载类型 自定义颜色 自定义大小 加载文案 垂直排列 自定义文案颜色 API Props Slots 类型定义 主题定制 样式变量 Loading 加载 介绍 加载图标，用于表示加载中的过渡状态。 引入 通过以下方式来全局注册组件，更多注册方式请参考组件注册 。 impo...

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