一个仿主流电商平台核心购物流程的移动端 Web App 前端演示项目，模拟商品浏览、分类筛选、购物车计数等交互，展示现代前端组件化与状态管理能力。
技术栈

Vue 3 (Composition API) + Pinia（实际架构设计）

展示层采用 HTML5/CSS3 + Flex/Grid 布局

图标库 Font Awesome 6

响应式设计，完美适配手机及平板

核心功能

商品展示网格：动态渲染商品卡片（图片占位、名称、价格）

分类导航栏：横向滚动分类标签，高亮当前选中项

购物车悬浮计数：点击“加入购物车”实时更新角标数量，并提供微反馈动画

底部导航栏：模拟首页、搜索、收藏、个人中心页面切换

数据驱动 UI：商品列表通过 JavaScript 数组渲染，易于对接后端 API

技术亮点

纯前端模拟购物车状态（可扩展为 Pinia 持久化）

组件化思维：商品卡片、按钮、徽章均可复用

优雅的圆角卡片与毛玻璃风格，符合现代移动 UI 趋势

适配暗色/亮色环境（预留 CSS 变量扩展）

项目成果

可直接部署为静态页面，作为电商项目前端原型

完整代码结构清晰，注释详细，展示扎实的 Vue 生态理解与原生 JS 功底

在猿急送/作品集中作为“前端 + 全栈能力”的直观证明