List 列表 使用指南 代码演示 基础用法 API Event List 列表 瀑布流滚动加载，用于控制长列表的展示 使用指南 import { List } from 'vant' ; Vue . use ( List ); 代码演示 基础用法 < van-list v-mod...

Grid 宫格 介绍 引入 代码演示 基础用法 自定义列数 自定义内容 正方形格子 格子间距 内容横排 页面导航 徽标提示 API Grid Props GridItem Props GridItem Events GridItem Slots 类型定义 主题定制 样式变量 Grid 宫格 介绍 宫格可以在水平方...

Lazyload 图片懒加载 使用指南 代码演示 基础用法 背景图懒加载 懒加载模块 Options Lazyload 图片懒加载 使用指南 Lazyload 是 Vue 指令，使用前需要对指令进行注册 import Vue from 'vue' ; import { Lazyload } ...

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

Tabbar 标签栏 介绍 引入 代码演示 基础用法 通过名称匹配 显示徽标 自定义图标 自定义颜色 切换标签事件 结合自定义 tabBar API Tabbar Props Tabbar Event TabbarItem Props TabbarItem Slot Tabbar 标签栏 介绍 底部导航栏，用于在不同页面...

Tabbar 标签栏 介绍 引入 代码演示 基础用法 通过名称匹配 显示徽标 自定义图标 自定义颜色 切换标签事件 结合自定义 tabBar API Tabbar Props Tabbar Event TabbarItem Props TabbarItem Slot Tabbar 标签栏 介绍 底部导航栏，用于在不同...

NavBar 导航栏 使用指南 代码演示 基础用法 高级用法 API Slot Event NavBar 导航栏 使用指南 import { NavBar } from 'vant' ; Vue . use ( NavBar ); 代码演示 基础用法 < van-nav-bar ...

Popup 弹出层 使用指南 代码演示 基础用法 弹出位置 API Event Popup 弹出层 使用指南 import { Popup } from 'vant' ; Vue . use ( Popup ); 代码演示 基础用法 popup 默认从中间弹出 < van-popup ...

ShareSheet 分享面板 介绍 引入 代码演示 基础用法 展示多行选项 自定义图标 展示描述信息 API Props Option 数据结构 Events Slots ShareSheet 分享面板 介绍 底部弹起的分享面板，用于展示各分享渠道对应的操作按钮，不含具体的分享逻辑。 引入 在app.json 或i...

Tag 标记 使用指南 代码演示 基础用法 空心样式 圆角样式 API Slot Tag 标记 使用指南 import { Tag } from 'vant' ; Vue . use ( Tag ); 代码演示 基础用法 通过 type 属性控制 Tag 颜色，默认为灰色 < van-ta...