Sticky 粘性布局
介绍 Sticky 组件与 CSS 中position: sticky属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部。 …
Vant Tag 标记
引入 import Vue from vue; import { Tag } from vant; Vue.use(Tag); 代码演示 基础用法 通过type属性控制标签颜色，默…
Vant Grid 宫格
介绍 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航 引入 import Vue from vue; import { Grid, GridItem } …
Vant IndexBar 索引栏
引入 import Vue from vue; import { IndexBar, IndexAnchor } from vant; Vue.use(IndexBar); Vue…
Vant NavBar 导航栏
引入 import Vue from vue; import { NavBar } from vant; Vue.use(NavBar); 代码演示 基础用法 <van-na…
Vant Sidebar 侧边导航
引入 import Vue from vue; import { Sidebar, SidebarItem } from vant; Vue.use(Sidebar); Vue.u…
Vant Tab 标签页
引入 import Vue from vue; import { Tab, Tabs } from vant; Vue.use(Tab); Vue.use(Tabs); 代码演示 …
Vant Tabbar 标签栏
引入 import Vue from vue; import { Tabbar, TabbarItem } from vant; Vue.use(Tabbar); Vue.use(…
Vant TreeSelect 分类选择
引入 import Vue from vue; import { TreeSelect } from vant; Vue.use(TreeSelect); 代码演示 单选模式 it…
Vant AddressList 地址列表
引入 import Vue from vue; import { AddressList } from vant; Vue.use(AddressList); 代码演示 基础用法 …
Vant Area 省市区选择
介绍 省市区三级联动选择，通常与 弹出层 组件配合使用 引入 import Vue from vue; import { Area } from vant; V…
Vant Card 卡片
引入 import Vue from vue; import { Card } from vant; Vue.use(Card); 代码演示 基础用法 <van-card n…
Vant Contact 联系人
介绍 通过 Contact 组件可以实现联系人的展示、选择、编辑等功能。 引入 import Vue from vue; import { ContactCard, Contact…
Vant GoodsAction 商品导航
引入 import Vue from vue; import { GoodsAction, GoodsActionIcon, GoodsActionButton } from va…
Vant SubmitBar 提交订单栏
引入 import Vue from vue; import { SubmitBar } from vant; Vue.use(SubmitBar); 代码演示 基础用法 <…
Vant Sku 商品规格
引入 import Vue from vue; import { Sku } from vant; Vue.use(Sku); 代码演示 基础用法 <van-sku v-mo…
Vant SwitchCell 开关单元格
废弃提示 SwitchCell 组件将在 3.0 版本中废弃，请直接使用 Cell 和 Switch 组件代替 引入 import Vue from vue; import { S…
