首页/ mobileweb/ 小草文具店/ 代码预览

💻 代码预览 · 小草文具店

mw_shop · 上传者 小草
← 返回详情
小草文具店_H5/README.md · 约 2381 字符
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