小草面馆自助点餐_H5/README.md · 约 2147 字符
1# 小草面馆自助点餐（移动端 H5）
2
3面馆扫码自助点餐一体化平台，功能对标海底捞/西贝/和府捞面等头部餐饮自助点餐小程序，纯原生零依赖，移动端优先（390×844）。
4
5## 页面（8 页）
6- index.html 首页：品牌 Banner、桌号识别/扫码点餐入口、限时秒杀（倒计时）、5 大快捷入口（菜单/拼单/购物车/领券/邀请）、新客领券、招牌推荐、超值套餐、门店导航
7- category.html 菜单：分类切换（招牌汤面/干拌面/凉菜小食/加料浇头/饮品）、综合/销量/价格排序、菜品卡（图/名/价/月售/标签/加购）、底部购物车浮条（合计金额/件数）
8- detail.html 商品详情：规格（份量/辣度/加料）多选、数量步进、关于这碗面、用户评价、猜你喜欢、加入购物车/立即购买
9- cart.html 购物车：多商品勾选、数量调整、满减券自动抵扣、取餐方式（堂食/到店自提/外卖）、自提门店+预约时间、备注、全选结算
10- order.html 确认订单：取餐方式/门店/时间/备注确认、商品清单、优惠券+会员折扣、实付金额、支付方式（微信/支付宝/储值）、立即支付
11- orders.html 订单状态：进行中/已完成/已取消 Tab、订单卡（单号/呼叫加水/加餐具/买单）、实时进度时间线（已接单→制作中→已出餐→已完成）
12- member.html 会员中心：会员等级卡（成长值进度）、积分/储值/券资产、每日签到、会员特权（专享价/福利日/生日双倍/积分抽奖/积分商城/新品尝鲜）、储值多充多赠、拼团/砍价/分销/霸王餐
13- mine.html 个人中心：会员卡、订单快捷入口（进行中/待付款/自提/评价/退款）、桌号/余额/积分/优惠券/收藏/邀请有礼/客服
14
15## 文件
16- style.css 移动端优先样式（红汤橙红主题）
17- app.js 零依赖交互逻辑（秒杀倒计时/分类筛选/规格选择/数量步进/签到/领券/支付选择/Toast）
18- data.js 演示数据集中管理（商品/套餐/秒杀/门店/评价/优惠券/储值档位/订单状态）
19