4.8 KiB
4.8 KiB
信息架构与路由
1. 顶层信息架构
小程序采用 4 个 Tab + 若干二级页面 + 若干弹层 / 抽屉组件 的结构。
1.1 Tab 页面
| 编码 | 页面名称 | 路由建议 | 页面层级 | 说明 |
|---|---|---|---|---|
T01 |
首页 | pages/tab/home/index |
Tab | 当前门店摘要、动态活动导流、推荐 |
T02 |
点餐 | pages/tab/menu/index |
Tab | 商品浏览、加购、结算入口 |
T03 |
订单 | pages/tab/orders/index |
Tab | 顾客视角订单列表、履约、售后 |
T04 |
我的 | pages/tab/me/index |
Tab | 身份、资产、服务、复购聚合 |
1.2 二级页面
| 编码 | 页面名称 | 路由建议 | 页面层级 | 入口来源 |
|---|---|---|---|---|
P01 |
门店选择页 | pages/store/select/index |
二级页 | 首页、点餐页 |
P02 |
地址管理页 | pages/address/list/index |
二级页 | 我的、结算页 |
P03 |
结算确认页 | pages/checkout/index |
二级页 | 点餐页 |
P04 |
支付成功页 | pages/payment/success/index |
二级页 | 结算确认页 |
P05 |
订单详情页 | pages/order/detail/index |
二级页 | 订单页、支付成功页 |
P06 |
退款申请页 | pages/order/refund/apply/index |
二级页 | 订单详情页 |
P07 |
退款详情页 | pages/order/refund/detail/index |
二级页 | 订单页、订单详情页 |
P08 |
评价页 | pages/review/create/index |
二级页 | 订单详情页 |
P09 |
领券中心页 | pages/coupon/center/index |
二级页 | 首页、我的 |
P10 |
秒杀活动页 | pages/activity/seckill/index |
二级页 | 首页、点餐页 |
P11 |
限时折扣活动页 | pages/activity/flash-sale/index |
二级页 | 首页、点餐页 |
P12 |
会员中心页 | pages/member/center/index |
二级页 | 我的 |
P13 |
积分商城页 | pages/points/mall/index |
二级页 | 我的 |
P14 |
储值充值页 | pages/prepaid/index |
二级页 | 我的 |
P15 |
次卡页 | pages/pass-card/index |
二级页 | 我的 |
P16 |
消息中心页 | pages/message/center/index |
二级页 | 我的 |
P17 |
帮助中心页 | pages/help/center/index |
二级页 | 我的 |
P18 |
堂食扫码确认页 | pages/dine-in/confirm/index |
二级页 | 扫码入口、首页 |
1.3 弹层 / 抽屉 / 组件级页面
| 编码 | 名称 | 建议形态 | 所属页面 | 说明 |
|---|---|---|---|---|
C01 |
商品详情抽屉 | 底部抽屉 / 右滑抽屉 | 点餐页 | 规格、加料、数量选择 |
C02 |
购物车抽屉 | 底部抽屉 | 点餐页 | 已选商品清单 |
C03 |
登录授权弹层 | 中央弹窗 / 底部弹层 | 全局 | 订单与资产前拦截 |
C04 |
手动资产选择弹层 | 底部抽屉 | 结算页 | 优惠券、余额、次卡选择 |
C05 |
支付方式弹层 | 底部抽屉 | 结算页 | 微信支付 / 余额支付 |
C06 |
地址选择抽屉 | 底部抽屉 | 结算页 | 快捷切换地址 |
2. 页面层级关系
2.1 主链路关系
首页 / 点餐 / 我的 → 门店选择
点餐 → 商品详情抽屉 → 购物车抽屉 → 结算确认页 → 支付成功页 → 订单详情页
订单页 → 订单详情页 → 退款申请页 / 评价页
我的 → 会员中心 / 积分商城 / 储值充值 / 次卡 / 消息中心 / 帮助中心
2.2 堂食链路关系
扫码 → 堂食扫码确认页 → 点餐页（堂食场景） → 商品详情抽屉 → 购物车抽屉 → 结算确认页 → 订单详情页
3. Tab 与二级页切换规则
- Tab 页面之间通过底部导航切换
- 二级页面统一采用顶部导航栏返回
商品详情抽屉和购物车抽屉不单独占用路由栈结算确认页、订单详情页、会员中心页等重要业务页使用完整页面承载
4. 页面显示规则
4.1 Tab 页面
- 保持底部 TabBar 可见
- 顶部导航不显示返回按钮
- 页面滚动位置可按产品需要保留
4.2 二级页面
- 显示顶部导航和返回按钮
- 进入后覆盖当前 Tab 内容
- 返回时回到来源页面
4.3 抽屉与弹层
- 不应中断当前页面上下文
- 应支持手势关闭 / 点击遮罩关闭（支付与关键确认除外）
- 关闭后保留当前页面已选状态
5. 当前使用规则
- 如
docs/07-页面规格/与本文件冲突，以单页规格为准 - 如
docs/12-租户管理员功能重构梳理/已完成批次与本文件冲突，以docs/12为准 - 当前已冻结的关键边界包括：
- 首页活动区是动态精选，不是固定八宫格
- 场景切换必须受门店
serviceTypes约束 - 结算页手动资产选择当前只确认：
- 优惠券
- 余额
- 次卡
积分抵扣当前不作为已冻结结算能力- 消息中心页当前保留页面职责，但未冻结完整 inbox 结构