首页/ mobileweb/ 小草清真牛肉/ 代码预览

💻 代码预览 · 小草清真牛肉

mw_food · 上传者 小草
← 返回详情
小草清真牛肉_H5/README.md · 约 2400 字符
1# 小草清真牛肉(移动端 H5)
2
3清真认证牛肉专营平台,主打阿訇屠宰溯源、低温排酸、同城冷链到家,功能对标头部清真食材/牛羊肉 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