Icon 图标 介绍 引入 代码演示 基础用法 徽标提示 图标颜色 图标大小 使用本地字体文件 自定义图标 API Props Events Icon 图标 介绍 基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过 icon 属性引用。 引入 import Vue from 'vue...

Icon 图标 介绍 引入 代码演示 基础用法 使用图片 URL 徽标提示 图标颜色 图标大小 自定义图标 API Props Events 类型定义 Icon 图标 介绍 基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过 icon 属性引用。 引入 通过以下方式来全局注册组件，更多注册方式请参考...

Grid 宫格 介绍 引入 代码演示 基本用法 自定义列数 自定义内容 正方形格子 格子间距 页面导航 提示信息 API Grid Props GridItem Props GridItem Events GridItem Slots Grid 宫格 介绍 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或...

Swipe 轮播 引入 代码演示 基础用法 图片懒加载 监听 change 事件 纵向滚动 自定义滑块大小 自定义指示器 API Swipe Props Swipe Events SwipeItem Events Swipe 方法 swipeTo Options 格式 Swipe Slots 常见问题 滑动轮播时为什么触发了 ...

useToggle 介绍 代码演示 基本用法 设置默认值 API 类型定义 参数 返回值 useToggle 介绍 用于在 true 和 false 之间进行切换。 代码演示 基本用法 import { useToggle } from '@vant/use' ; export default ...

Card 卡片 介绍 引入 代码演示 基础用法 营销信息 自定义内容 API Props Events Slots 样式变量 Card 卡片 介绍 商品卡片，用于展示商品的图片、价格等信息。 引入 import { createApp } from 'vue' ; import { Card...

Sidebar 侧边导航 引入 代码演示 基础用法 徽标提示 禁用选项 监听切换事件 API Sidebar Props Sidebar Event Sidebar 外部样式类 SidebarItem Props SidebarItem Slot SidebarItem Event SidebarItem 外部样式类 Si...

SwipeCell 滑动单元格 介绍 引入 代码演示 基础用法 自定义内容 异步关闭 API Props Slots Events beforeClose 参数 方法 类型定义 主题定制 样式变量 常见问题 在桌面端无法操作组件？ SwipeCell 滑动单元格 介绍 可以左右滑动来展示操作按钮的单元格组件。 引...

Circle 环形进度条 使用指南 代码演示 基础用法 样式定制 API Circle Slot Circle 环形进度条 使用指南 import { Circle } from 'vant' ; Vue . use ( Circle ); 代码演示 基础用法 通过 rate 指...

Steps 步骤条 使用指南 代码演示 基础用法 竖向步骤条 Steps API 外部样式类 更新日志 Steps 步骤条 使用指南 在 app.json 或 index.json 中引入组件 "usingComponents" : { "van-steps" : "path/to/vant-weapp/di...