Vant 完整项目实战:搭建移动端博客首页
用 Vant 4 + Vue Router 搭建完整移动端博客 App:路由配置、App 骨架、首页列表(Tabs+PullRefresh+List)、文章卡片、文章详情页。
Vant 完整项目实战:搭建移动端博客首页
Vant Popup 弹出层:从底部/中心弹出的万能容器
Vant Popup 弹出层完整教程:五种 position、底部弹出标准模板、配合 Picker/ActionSheet 使用、安全区适配。
Vant Popup 弹出层:从底部/中心弹出的万能容器
Vant Image 图片组件:懒加载、占位与预览
Vant Image 组件详解:懒加载、Loading/Error 占位、fit 填充模式、大图预览,含商品图片网格实战。
Vant Image 图片组件:懒加载、占位与预览
Vant NavBar 导航栏与 Tabbar 标签栏:移动端骨架
Vant NavBar 导航栏 + Tabbar 底部标签栏组合教程,含完整 App 骨架模板、路由 meta 控制显隐、iPhone 安全区适配。
Vant NavBar 导航栏与 Tabbar 标签栏:移动端骨架
Vant List 列表与 PullRefresh 下拉刷新:无限滚动实战
Vant List + PullRefresh 组合实现移动端无限滚动列表,含最简示例、真实接口对接、常见问题排查。
Vant List 列表与 PullRefresh 下拉刷新:无限滚动å
Vant Dialog 弹窗与 Toast 轻提示:交互反馈利器
Vant Dialog 确认弹窗、Toast 轻提示、Notify 顶部通知三大反馈组件详解,含删除确认完整流程实战代码。
Vant Dialog 弹窗与 Toast 轻提示:交互反馈利器
Vant Cell 单元格组件:列表布局的基石
Vant Cell 单元格组件详解:基础样式、跳转链接、图标、分组卡片、设置页面实战模板。
Vant Cell 单元格组件:列表布局的基石
Vant Form 表单组件实战:校验规则、双向绑定与提交
Vant Form + Field 表单组件完整实战:rules 校验规则、正则/异步校验、验证码倒计时、登录表单示例、常见踩坑。
Vant Form 表单组件实战:校验规则、双向绑定ä¸
Vant Button 按钮组件全解:类型、尺寸、禁用与事件
Vant Button 按钮组件完整教程:5 种 type、3 种 size、朴素/圆角/禁用/Loading 状态、图标按钮、防重入提交实战。
Vant Button 按钮组件全解:类型、尺寸、禁用与
Vant 4 快速上手:安装、配置与第一个组件 Demo
从零搭建 Vant 4 开发环境:Vite 项目创建、按需引入配置、第一个 Button 组件 Demo 全流程。
Vant 4 快速上手:安装、配置与第一个组件 Demo