Vant3 教程

  • Vant3 Lazyload 懒加载

    介绍 当页面需要加载大量内容时,使用懒加载可以实现延迟加载页面可视区域外的内容,从而使页面加载更流畅。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 L…

    Vant3 教程 2023年4月28日
  • Vant3 NoticeBar 通知栏

    介绍 用于循环播放展示一组消息通知。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; imp…

  • Vant3 Popover 气泡弹出框

    介绍 弹出式的气泡菜单。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { …

    Vant3 教程 2023年4月28日
  • Vant3 Progress 进度条

    介绍 用于展示操作的当前进度。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…

    Vant3 教程 2023年4月28日
  • Vant3 Steps 步骤条

    介绍 用于展示操作流程的各个环节,让用户了解当前的操作在整体流程中的位置。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { create…

    Vant3 教程 2023年4月28日
  • Vant3 Sticky 粘性布局

    介绍 Sticky 组件与 CSS 中 position: sticky 属性实现的效果一致,当组件在屏幕范围内时,会按照正常的布局排列,当组件滚出屏幕范围时,始终会固定在屏幕顶部…

  • Vant3 Swipe 轮播

    介绍 用于循环播放一组图片或内容。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; impo…

    Vant3 教程 2023年4月28日
  • Vant3 Tag 标签

    介绍 用于标记关键词和概括主要内容。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; imp…

    Vant3 教程 2023年4月28日
  • Vant3 Grid 宫格

    介绍 宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { cre…

    Vant3 教程 2023年4月28日
  • Vant3 IndexBar 索引栏

    介绍 用于列表的索引分类显示和快速定位。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; i…

  • Vant3 NavBar 导航栏

    介绍 为页面提供导航功能,常用于页面顶部。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; …

    Vant3 教程 2023年4月28日
  • Vant3 Pagination 分页

    介绍 数据量过多时,采用分页的形式将数据分隔,每次只加载一个页面。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp …

    Vant3 教程 2023年4月28日
  • Vant3 Tab 标签页

    介绍 选项卡组件,用于在不同的内容区域之间进行切换。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …

    Vant3 教程 2023年4月28日
  • Vant3 Tabbar 标签栏

    介绍 底部导航栏,用于在不同页面之间进行切换。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue…

  • Vant3 TreeSelect 分类选择

    介绍 用于从一组相关联的数据集合中进行选择。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue;…

    Vant3 教程 2023年4月28日
  • Vant3 AddressEdit 地址编辑

    介绍 收货地址编辑组件,用于新建、更新、删除收货地址。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from…

    Vant3 教程 2023年4月28日
  • Vant3 Area 省市区选择

    介绍 省市区三级联动选择,通常与弹出层组件配合使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …

    Vant3 教程 2023年4月28日
  • Vant3 Card 卡片

    介绍 商品卡片,用于展示商品的图片、价格等信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vu…

  • Vant3 ContactCard 联系人卡片

    介绍 以卡片的形式展示联系人信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; impo…

    Vant3 教程 2023年4月28日
  • Vant3 ContactEdit 联系人编辑

    介绍 编辑并保存联系人信息。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import …

    Vant3 教程 2023年4月28日