模板展示
介绍
基于 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日
初始版本,包含了购物车、优惠券、秒杀、收货地址、下单、登录/注册(隐私条款等)、账户设置、余额充值、订单查询、卡密转码等
评论区