Vant1 中文教程
Vant1 中文教程
  1. Vant1 开发指南
    1. Vant1 介绍
    2. Vant1 快速上手
    3. Vant1 更新日志
    4. Vant1 内置样式
    5. Vant1 定制主题
    6. Vant1 设计资源
    7. Vant1 风格指南
    8. Vant1 示例页面
    9. Vant1 国际化
  2. Vant1 组件
    1. Vant1 基础组件
      1. Vant1 Button 按钮
      2. Vant1 Cell 单元格
      3. Vant1 Icon 图标
      4. Vant1 Layout 布局
      5. Vant1 Popup 弹出层
    2. Vant1 表单组件
      1. Vant1 Checkbox 复选框
      2. Vant1 DatetimePicker 时间选择
      3. Vant1 Field 输入框
      4. Vant1 NumberKeyboard 数字键盘
      5. Vant1 PasswordInput 密码输入框
      6. Vant1 Picker 选择器
      7. Vant1 Radio 单选框
      8. Vant1 Rate 评分
      9. Vant1 Slider 滑块
      10. Vant1 Stepper 步进器
      11. Vant1 Switch 开关
      12. Vant1 SwitchCell 开关单元格
      13. Vant1 Uploader 图片上传
    3. Vant1 反馈组件
      1. Vant1 Actionsheet 上拉菜单
      2. Vant1 Dialog 弹出框
      3. Vant1 Loading 加载
      4. Vant1 Notify 消息提示
      5. Vant1 PullRefresh 下拉刷新
      6. Vant1 SwipeCell 滑动单元格
      7. Vant1 Toast 轻提示
    4. Vant1 展示组件
      1. Vant1 Circle 环形进度条
      2. Vant1 Collapse 折叠面板
      3. Vant1 ImagePreview 图片预览
      4. Vant1 Lazyload 图片懒加载
      5. Vant1 List 列表
      6. Vant1 NoticeBar 通告栏
      7. Vant1 Panel 面板
      8. Vant1 Progress 进度条
      9. Vant1 Steps 步骤条
      10. Vant1 Swipe 轮播
      11. Vant1 Tag 标记
    5. Vant1 导航组件
      1. Vant1 Badge 徽章
      2. Vant1 NavBar 导航栏
      3. Vant1 Pagination 分页
      4. Vant1 Tab 标签页
      5. Vant1 Tabbar 标签栏
      6. Vant1 TreeSelect 分类选择
    6. Vant1 业务组件
      1. Vant1 AddressEdit 地址编辑
      2. Vant1 AddressList 地址列表
      3. Vant1 Area 省市区选择
      4. Vant1 Card 商品卡片
      5. Vant1 Contact 联系人
      6. Vant1 Coupon 优惠券选择器
      7. Vant1 GoodsAction 商品导航
      8. Vant1 SubmitBar 提交订单栏
      9. Vant1 Sku 商品规格
阅读(31) 书签 赞(0) 我要纠错

Vant1 示例页面

2025-09-09 18:06 更新

示例

下面是一些使用 Vant 搭建的示例页面，点击图片切换至对应示例。


商品详情


源代码 


会员中心

源代码 


购物车

源代码 




以上内容是否对您有帮助：
← Vant1 风格指南
Vant1 国际化 →

推荐文章

推荐教程

推荐课程

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号