小草奶茶铺_H5/README.md · 约 1248 字符
1# 小草奶茶铺 · 移动端 H5
2
3## 项目简介
4奶茶品牌点单移动端 H5 应用,覆盖分类点单、四维个性化规格(杯型/糖度/冰度/加料)、购物车结算、到店自取(取餐码)/外卖配送、订单进度追踪、会员等级积分、优惠券营销、积分商城等功能,模拟主流新茶饮品牌小程序的完整点单链路。
5
6## 功能模块
71. **首页** — 活动横幅、快捷入口、限时特惠、领券中心、新品上架
82. **点单** — 招牌奶茶/鲜果茶/芝士奶盖/轻乳茶/小食分类,规格弹层(杯型/糖度/冰度/加料,加料+2元实时计价)
93. **确认订单** — 到店自取/外卖配送切换、优惠券抵扣、合计结算
104. **我的订单** — 已下单/制作中/待取餐状态,取餐码与大杯进度条
115. **会员中心** — 会员等级(普通/银卡/金卡/黑金)、积分余额、权益、积分商城
126. **个人中心** — 积分、余额、优惠券、订单导航、门店与地址管理
13
14## 技术栈
15- 纯原生 HTML/CSS/JS,零依赖
16- localStorage 持久化购物车/订单/优惠券
17- 移动端优先设计(390×844 视口)
18- 底部 TabBar 导航
19- 主题色:焦糖琥珀 #a16207 → #f0b429
20