乐购模板PC
模板展示
介绍
基于 Vue 3 + Vite 构建的 PC 端项目模板，同时集成 Element Plus 和 Ant Design Vue 两个 UI 框架，支持按需引入，包含路由、状态管理等常用功能。
技术栈
Vue 3 - 渐进式 JavaScript 框架
Vite - 下一代前端构建工具
Vue Router - 官方路由管理器
Pinia - Vue 的状态管理库
Element Plus - 基于 Vue 3 的组件库（按需引入）
Ant Design Vue - 企业级 UI 设计语言（按需引入）
unplugin-vue-components - 自动导入组件插件
unplugin-auto-import - 自动导入 API 插件
图片可能未及时更新，模板可以申请体验一小时可自行申请查看！
申请地址：lh ithxs com/user 登录个人中心即可看到！
更新记录
Ver：10100——2025 年 11 月 4 日
新增用户中心完整页面（会员等级、账户余额、优惠券、订单、签到、账户设置）
新增消息气泡组件（MessageBubble.vue）
新增账户余额组件（AccountBalance.vue）
新增页面缩放检测功能（自动检测浏览器缩放比例并提示用户恢复到 100%）
新增 10+ 个用户相关 API 接口（会员数据、签到、优惠券、充值记录、消费记录等）
新增统一的用户缓存清理方法 clearUserCache()
优化缓存管理系统，实现智能缓存策略（优先显示缓存，后台同步最新数据）
优化商品详情模态框，增加图片轮播、规格选择、数量选择、加入购物车动画
优化导航栏功能，增强用户中心入口和购物车数量实时更新
优化商品列表组件，优化卡片样式和加载动画
优化账户设置模态框，增强个人信息编辑和密码修改功能
优化登录管理器，使用统一的缓存清理方法
优化分类菜单组件，增加切换动画
优化订单列表模态框，优化状态展示和筛选功能
修复退出登录时用户缓存未完全清除的问题
修复页面切换时重复请求接口的问题
修复缓存数据过期不更新的问题
删除各组件中重复的缓存清理代码（统一到 clearUserCache() 方法）
删除冗余的用户状态检查逻辑
Ver：10000——2025 年 11 月 2 日
初始版本，包含了购物车、优惠券、秒杀、收货地址、下单、登录 / 注册（隐私条款等）、账户设置、余额充值、订单查询、卡密转码等