模板展示

介绍

基于 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日

• 初始版本，包含了购物车、优惠券、秒杀、收货地址、下单、登录/注册（隐私条款等）、账户设置、余额充值、订单查询、卡密转码等