小草水果店_H5/README.md · 约 2394 字符
1# 小草水果店（移动端 H5）
2
3社区水果生鲜一站式 H5 商城，主打产地直采、甜度检测溯源、1 小时极速达、坏果秒赔，功能对标叮咚买菜/百果园/果多美等头部社区生鲜 O2O，纯原生零依赖，移动端优先（390×844）。
4
5## 页面（8 页）
6- index.html 首页：品牌 Banner、产地直采溯源条、搜索/拍照找果、六大分类导航（当季鲜果/进口水果/热带水果/时令瓜果/果切鲜榨/礼盒果篮）、快捷入口（当季鲜果/定期配送/水果卡/购物车/邀请有礼）、今日鲜果行情、限时秒杀、新客无门槛券、产地当季爆品、组合水果包、自提/配送点
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