Vant3 教程
Vant3 Lazyload 懒加载
介绍 当页面需要加载大量内容时,使用懒加载可以实现延迟加载页面可视区域外的内容,从而使页面加载更流畅。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 L…
Vant3 NoticeBar 通知栏
介绍 用于循环播放展示一组消息通知。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; imp…
Vant3 Popover 气泡弹出框
介绍 弹出式的气泡菜单。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { …
Vant3 Progress 进度条
介绍 用于展示操作的当前进度。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…
Vant3 Steps 步骤条
介绍 用于展示操作流程的各个环节,让用户了解当前的操作在整体流程中的位置。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { create…
Vant3 Sticky 粘性布局
介绍 Sticky 组件与 CSS 中 position: sticky 属性实现的效果一致,当组件在屏幕范围内时,会按照正常的布局排列,当组件滚出屏幕范围时,始终会固定在屏幕顶部…
Vant3 Swipe 轮播
介绍 用于循环播放一组图片或内容。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; impo…
Vant3 Tag 标签
介绍 用于标记关键词和概括主要内容。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; imp…
Vant3 Grid 宫格
介绍 宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { cre…
Vant3 IndexBar 索引栏
介绍 用于列表的索引分类显示和快速定位。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; i…
Vant3 NavBar 导航栏
介绍 为页面提供导航功能,常用于页面顶部。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; …
Vant3 Pagination 分页
介绍 数据量过多时,采用分页的形式将数据分隔,每次只加载一个页面。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp …
Vant3 Tab 标签页
介绍 选项卡组件,用于在不同的内容区域之间进行切换。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …
Vant3 Tabbar 标签栏
介绍 底部导航栏,用于在不同页面之间进行切换。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue…
Vant3 TreeSelect 分类选择
介绍 用于从一组相关联的数据集合中进行选择。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue;…
Vant3 AddressEdit 地址编辑
介绍 收货地址编辑组件,用于新建、更新、删除收货地址。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from…
Vant3 Area 省市区选择
介绍 省市区三级联动选择,通常与弹出层组件配合使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …
Vant3 Card 卡片
介绍 商品卡片,用于展示商品的图片、价格等信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vu…
Vant3 ContactCard 联系人卡片
介绍 以卡片的形式展示联系人信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; impo…
Vant3 ContactEdit 联系人编辑
介绍 编辑并保存联系人信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import …