点单小程序产品系统

面向中小茶饮门店的自助点单场景。传统到店点单需顾客口头向店员描述杯型、糖度、温度，高峰期排队时间长、沟通易出错、人力成本高。本项目模拟一家线下咖啡·茶饮门店的线上化改造：顾客自助完成选品、口味搭配、下单与取餐进度查询，门店减少点单人力、降低沟通差错。立项目的：完整跑通“移动端点单”这一最典型的小程序业务流，覆盖菜单浏览、规格选择、交易与订单状态管理的全链路。

项目包含五个功能模块。一、点单首页：展示门店名称、分店、地址距离与营业状态，支持自取/堂食双模式切换；分类标签与商品区双向联动，点击分类自动滚动定位，滚动列表时分类高亮自动跟随。二、商品与规格：商品卡含价格、卖点描述、销量标签；带规格的商品弹出规格面板，可组合杯型、糖度、温度，价格随规格实时联动计算。三、购物车：支持加购、数量增减、单项删除与清空，实时合计金额与件数。四、订单：确认下单生成取餐订单，订单列表支持全部/进行中/已完成筛选，订单详情展示取餐号、商品明细与状态流转（制作中→待取餐→已完成），支持一键再来一单。五、我的：用户信息与常用设置入口。

独立完成全部前端设计与开发。技术栈：uni-app 3 + Vue 3 + TypeScript + Vite，一套代码同时编译微信小程序与 H5 双端。实现亮点：①自定义导航栏方案，用 JS 实时测量状态栏与微信胶囊按钮真实位置动态预留头部空间，解决双端布局差异；②金额全程以“分”为整数单位运算，规避浮点精度误差；③购物车与订单数据做模块级响应式状态管理并持久化到本地存储，含数据结构版本号迁移逻辑；④分类联动滚动基于节点位置测量实现，首屏渲染后再测量避免布局未稳定导致定位偏差。