docs: split prototype specs and add execution guides

docs/07-页面规格/01-Tab-首页.md

@@ -0,0 +1,101 @@
+# T01 首页
+
+- 页面编码：`T01`
+- 页面层级：`Tab`
+- 适用场景：`外卖 / 自提 / 堂食导流`
+- 页面目标：完成选店、选场景、看活动、快速进入点餐
+- 主要依赖组件：`G02`、`G10`、`G11`、`G12`、`G13`、`G21`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部信息区
+2. 门店切换条
+3. 场景切换条
+4. Banner 活动区
+5. 快捷入口区
+6. 推荐商品区
+7. 门店服务信息区
+
+## 2. 区块说明
+
+### 2.1 顶部信息区
+- 左侧显示当前位置 / 当前门店简称
+- 右侧显示消息入口
+- 点击门店或位置进入 `P01 门店选择页`
+- 点击消息入口进入 `P16 消息中心页`
+
+### 2.2 门店切换条
+- 使用 `G10`
+- 显示当前门店名称、营业状态、距离
+- 支持点击切换门店
+
+### 2.3 场景切换条
+- 使用 `G11`
+- 固定提供 `外卖`、`自提`、`堂食` 三项
+- 切换后刷新下方活动和推荐内容
+
+### 2.4 Banner 活动区
+- 展示门店主推活动轮播
+- Banner 点击可跳转：
+  - `P09 领券中心页`
+  - `P10 秒杀活动页`
+  - `P11 限时折扣活动页`
+  - `P12 会员中心页`
+
+### 2.5 快捷入口区
+- 建议 2 行网格或 1 行宫格
+- 包含以下入口：
+  - 新客有礼
+  - 领券中心
+  - 满减活动
+  - 秒杀专区
+  - 限时折扣
+  - 储值充值
+  - 次卡专区
+  - 会员中心
+
+### 2.6 推荐商品区
+- 按顺序展示：
+  - 热销推荐
+  - 套餐推荐
+  - 复购推荐
+  - 猜你喜欢
+- 每个区块使用横滑或纵向卡片列表
+- 商品卡点击进入 `C01 商品详情抽屉`
+
+### 2.7 门店服务信息区
+- 使用 `G12` + `G13`
+- 展示：
+  - 营业时间
+  - 配送范围 / 起送价 / 配送费
+  - 自提规则
+  - 堂食规则
+  - 联系门店
+  - 到店导航
+
+## 3. 页面主动作
+
+- 切换门店
+- 切换场景
+- 进入点餐页
+- 进入活动页
+- 打开商品详情
+
+## 4. 页面状态
+
+### 默认态
+- 有门店、有活动、有推荐商品
+
+### 空态
+- 无可用门店时展示空态，并提供重新定位
+- 无活动时隐藏活动区，保留推荐区
+
+### 异常态
+- 定位失败时提示手动选店
+- 门店休息时展示“休息中”，但可保留浏览
+
+## 5. 实现备注
+
+- 首页优先是“导流页”，不是深度浏览页
+- 推荐商品只展示摘要，不在首页直接承载复杂选配
+

docs/07-页面规格/02-Tab-点餐页.md

@@ -0,0 +1,94 @@
+# T02 点餐页
+
+- 页面编码：`T02`
+- 页面层级：`Tab`
+- 适用场景：`外卖 / 自提 / 堂食`
+- 页面目标：完成商品浏览、选配、加购和进入结算
+- 主要依赖组件：`G10`、`G11`、`G20`、`G21`、`G22`、`G25`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部门店条
+2. 场景切换条
+3. 搜索与活动提示条
+4. 菜单主区域
+5. 底部购物车栏
+
+## 2. 区块说明
+
+### 2.1 顶部门店条
+- 显示当前门店名称、营业状态
+- 点击进入 `P01 门店选择页`
+- 门店切换需要提示购物车风险
+
+### 2.2 场景切换条
+- 显示 `外卖 / 自提 / 堂食`
+- 切换时刷新：
+  - 商品可售状态
+  - 服务规则说明
+  - 价格与优惠提示
+
+### 2.3 搜索与活动提示条
+- 搜索框：按商品名搜索
+- 活动条：显示当前命中的满减、秒杀、折扣等活动摘要
+
+### 2.4 菜单主区域
+- 左侧或顶部为分类导航 `G20`
+- 右侧或主体为商品列表
+- 每个商品卡 `G21` 展示：
+  - 图片
+  - 名称
+  - 描述摘要
+  - 标签
+  - 价格 / 划线价
+  - 加购按钮
+- 点击商品卡进入 `C01 商品详情抽屉`
+- 直接点击步进器可快速加购默认 SKU
+
+### 2.5 底部购物车栏
+- 使用 `G25`
+- 展示：
+  - 已选商品件数
+  - 当前总金额
+  - 差多少起送 / 差多少免配送费
+  - 去结算按钮
+- 点击购物车区域打开 `C02 购物车抽屉`
+
+## 3. 场景差异规则
+
+### 外卖场景
+- 突出显示配送费、起送价、预计送达
+
+### 自提场景
+- 突出显示自提优惠、自提时段说明
+
+### 堂食场景
+- 突出显示桌号、当前门店、可加菜提示
+
+## 4. 页面主动作
+
+- 切换门店
+- 切换场景
+- 搜索商品
+- 打开商品详情抽屉
+- 打开购物车抽屉
+- 进入结算确认页
+
+## 5. 页面状态
+
+### 默认态
+- 有分类、有商品、有活动提示
+
+### 空态
+- 某分类无商品时，右侧显示空态
+- 搜索无结果时，提供清空搜索入口
+
+### 异常态
+- 当前门店休息：商品可浏览但不能结算
+- 商品售罄：显示禁用状态，不能加购
+
+## 6. 实现备注
+
+- 点餐页是整套小程序最核心页面，需要优先保证信息密度和操作效率
+- 商品详情、购物车应通过抽屉承载，尽量不跳转新页面
+

docs/07-页面规格/03-Tab-订单页.md

@@ -0,0 +1,64 @@
+# T03 订单页
+
+- 页面编码：`T03`
+- 页面层级：`Tab`
+- 适用场景：`全场景`
+- 页面目标：让用户快速找到订单，并查看履约、售后和复购入口
+- 主要依赖组件：`G05`、`G33`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部状态筛选区
+2. 场景筛选区（可选）
+3. 订单列表区
+
+## 2. 区块说明
+
+### 2.1 顶部状态筛选区
+- 建议分段控件或横向标签
+- 至少包含：
+  - 全部
+  - 待支付
+  - 进行中
+  - 已完成
+  - 退款售后
+
+### 2.2 场景筛选区
+- 可按 `外卖 / 自提 / 堂食` 进行二次筛选
+- 也可与状态整合为一个过滤区
+
+### 2.3 订单列表区
+- 每张订单卡使用 `G33`
+- 订单卡必须展示：
+  - 门店名称
+  - 订单状态
+  - 场景标签
+  - 商品摘要
+  - 订单金额
+  - 下单时间
+  - 主要操作按钮
+- 订单卡点击进入 `P05 订单详情页`
+
+## 3. 订单卡动作规则
+
+- `待支付`：继续支付、取消订单
+- `进行中`：查看详情、催单、查看取餐码
+- `已完成`：评价、再来一单
+- `退款售后`：查看退款详情
+
+## 4. 页面状态
+
+### 默认态
+- 有订单列表
+
+### 空态
+- 某筛选条件下无订单时，展示空态和“去点餐” CTA
+
+### 异常态
+- 加载失败时展示重试
+
+## 5. 实现备注
+
+- 订单页重点是列表可扫读性
+- 一屏内要能快速看懂状态、门店、金额和下一步动作
+

docs/07-页面规格/04-Tab-我的页.md

@@ -0,0 +1,78 @@
+# T04 我的页
+
+- 页面编码：`T04`
+- 页面层级：`Tab`
+- 适用场景：`全场景`
+- 页面目标：集中展示用户身份、资产、服务和复购入口
+- 主要依赖组件：`G40`、`G41`、`G42`
+
+## 1. 页面结构（从上到下）
+
+1. 用户头部卡
+2. 资产总览区
+3. 订单快捷入口区
+4. 会员与增长入口区
+5. 服务入口区
+6. 复购推荐区
+
+## 2. 区块说明
+
+### 2.1 用户头部卡
+- 使用 `G40`
+- 展示：
+  - 头像
+  - 昵称
+  - 会员等级
+  - 成长值进度摘要
+
+### 2.2 资产总览区
+- 使用 `G41`
+- 展示：
+  - 优惠券数量
+  - 积分余额
+  - 储值余额
+  - 次卡数量 / 剩余次数摘要
+
+### 2.3 订单快捷入口区
+- 展示：
+  - 待支付
+  - 进行中
+  - 已完成
+  - 售后 / 退款
+- 点击后跳转 `T03 订单页` 对应筛选状态
+
+### 2.4 会员与增长入口区
+- 使用 `G42`
+- 入口包含：
+  - 会员中心
+  - 领券中心
+  - 积分商城
+  - 储值充值
+  - 次卡页
+
+### 2.5 服务入口区
+- 包含：
+  - 地址管理
+  - 消息中心
+  - 帮助中心
+  - 联系客服
+  - 协议与隐私
+
+### 2.6 复购推荐区
+- 展示最近订单和常点商品
+- 提供“再来一单”入口
+
+## 3. 页面状态
+
+### 登录态
+- 展示完整资产与服务
+
+### 未登录态
+- 展示基础入口
+- 资产卡片改为“登录后查看”
+
+## 4. 实现备注
+
+- “我的”页要兼顾资产页和服务页
+- 顶部头部卡与资产总览区需要在视觉上形成核心焦点
+

docs/07-页面规格/05-门店选择页.md

@@ -0,0 +1,52 @@
+# P01 门店选择页
+
+- 页面编码：`P01`
+- 页面层级：`二级页`
+- 页面目标：让用户选择合适门店，并明确当前场景是否可服务
+- 主要依赖组件：`G01`、`G12`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 搜索区
+3. 场景筛选区
+4. 当前定位结果区
+5. 门店列表区
+
+## 2. 区块说明
+
+### 2.1 搜索区
+- 支持按门店名称、商圈关键词搜索
+
+### 2.2 场景筛选区
+- 按 `外卖 / 自提 / 堂食` 过滤门店
+
+### 2.3 当前定位结果区
+- 显示当前定位城市 / 坐标结果
+- 提供重新定位动作
+
+### 2.4 门店列表区
+- 每个门店卡展示：
+  - 门店名称
+  - 距离
+  - 营业状态
+  - 地址
+  - 场景支持标签
+  - 起送价 / 配送费 / 自提 / 堂食提示
+- 点击门店即切换当前门店并返回来源页
+
+## 3. 页面状态
+
+### 默认态
+- 有门店列表
+
+### 空态
+- 搜索无结果或当前区域无门店
+
+### 异常态
+- 定位失败时只展示手动选店模式
+
+## 4. 实现备注
+
+- 门店列表要把“能否下单”说清楚，不仅展示名字
+

docs/07-页面规格/06-地址管理页.md

@@ -0,0 +1,47 @@
+# P02 地址管理页
+
+- 页面编码：`P02`
+- 页面层级：`二级页`
+- 页面目标：管理顾客常用收货地址，并服务外卖结算
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 地址列表区
+3. 新增地址按钮
+
+## 2. 区块说明
+
+### 2.1 地址列表区
+- 每个地址项展示：
+  - 收货人姓名
+  - 手机号
+  - 详细地址
+  - 默认地址标签
+  - 适用范围提示（可选）
+- 支持动作：
+  - 设为默认
+  - 编辑
+  - 删除
+  - 选择用于本次结算
+
+### 2.2 新增地址按钮
+- 固定在页面底部或列表底部
+- 点击后进入编辑态（可独立页或表单弹层）
+
+## 3. 页面状态
+
+### 默认态
+- 展示已有地址
+
+### 空态
+- 无地址时展示空态和新增 CTA
+
+### 异常态
+- 地址保存失败 / 删除失败时需要提示
+
+## 4. 实现备注
+
+- 如果另一位 AI 需要拆成“地址列表页 + 地址编辑页”，可以追加子页面，但当前文档以一个管理页为主
+

docs/07-页面规格/07-商品详情抽屉.md

@@ -0,0 +1,58 @@
+# C01 商品详情抽屉
+
+- 页面编码：`C01`
+- 页面层级：`组件级抽屉`
+- 页面目标：完成商品选配，并把用户送入购物车
+- 主要依赖组件：`G22`、`G23`、`G24`
+
+## 1. 抽屉结构（从上到下）
+
+1. 商品图片区
+2. 商品基础信息区
+3. 规格做法区
+4. 加料区
+5. 数量与金额区
+6. 底部主操作区
+
+## 2. 区块说明
+
+### 2.1 商品图片区
+- 展示主图，允许左右切换附图（可选）
+
+### 2.2 商品基础信息区
+- 展示：
+  - 商品名称
+  - 标签
+  - 描述
+  - 售价
+  - 划线价
+  - 月售 / 热销信息（可选）
+
+### 2.3 规格做法区
+- 使用 `G23`
+- 支持单选 / 多组单选
+- 选择后实时刷新价格和库存
+
+### 2.4 加料区
+- 使用 `G24`
+- 支持多选和附加价格
+
+### 2.5 数量与金额区
+- 使用 `G22`
+- 实时展示当前组合总价
+
+### 2.6 底部主操作区
+- 主按钮：加入购物车
+- 次按钮：立即购买（可选）
+
+## 3. 状态规则
+
+- 规格未选全时，主按钮不可用
+- 商品售罄时，显示不可售状态
+- 库存不足时，数量步进器受限
+
+## 4. 实现备注
+
+- 抽屉应保留当前点餐页上下文
+- 关闭抽屉不应导致列表位置丢失
+

docs/07-页面规格/08-购物车抽屉.md

@@ -0,0 +1,51 @@
+# C02 购物车抽屉
+
+- 页面编码：`C02`
+- 页面层级：`组件级抽屉`
+- 页面目标：集中展示当前已选商品，并提供进入结算的最后一步确认
+- 主要依赖组件：`G22`、`G26`
+
+## 1. 抽屉结构（从上到下）
+
+1. 购物车头部
+2. 商品列表区
+3. 优惠与凑单提示区
+4. 底部结算区
+
+## 2. 区块说明
+
+### 2.1 购物车头部
+- 显示当前门店名
+- 显示“已选商品”标题
+- 提供清空购物车按钮
+
+### 2.2 商品列表区
+- 每个商品行使用 `G26`
+- 展示：
+  - 商品名
+  - 规格摘要
+  - 加料摘要
+  - 单价
+  - 数量步进器
+
+### 2.3 优惠与凑单提示区
+- 展示：
+  - 满减差额
+  - 起送差额
+  - 免配送费差额
+  - 已命中活动摘要
+
+### 2.4 底部结算区
+- 展示总金额
+- 主按钮：去结算
+
+## 3. 状态规则
+
+- 空购物车时展示空态
+- 商品失效时需标记并禁止结算，或提示清理失效商品
+
+## 4. 实现备注
+
+- 购物车抽屉必须支持快速修改数量
+- 去结算按钮应只保留一个主路径，不做复杂分支
+

docs/07-页面规格/09-结算确认页.md

@@ -0,0 +1,72 @@
+# P03 结算确认页
+
+- 页面编码：`P03`
+- 页面层级：`二级页`
+- 适用场景：`外卖 / 自提 / 堂食`
+- 页面目标：让用户确认履约信息、优惠和金额，并完成支付
+- 主要依赖组件：`G01`、`G30`、`G31`、`G32`、`G35`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 场景信息卡
+3. 商品清单区
+4. 优惠资产区
+5. 备注与附加信息区
+6. 费用明细区
+7. 底部支付栏
+
+## 2. 区块说明
+
+### 2.1 场景信息卡
+- 外卖：展示收货地址、预计送达
+- 自提：展示门店、自提时间、取餐人信息
+- 堂食：展示门店、桌号、堂食说明
+
+### 2.2 商品清单区
+- 展示商品、规格、加料、数量、小计
+
+### 2.3 优惠资产区
+- 使用 `G32`
+- 入口包含：
+  - 优惠券选择
+  - 积分抵扣
+  - 储值余额支付
+  - 次卡核销（适用时）
+
+### 2.4 备注与附加信息区
+- 订单备注
+- 餐具选择
+- 其他补充字段（按场景可选）
+
+### 2.5 费用明细区
+- 使用 `G31`
+- 必须清楚展示所有金额构成
+
+### 2.6 底部支付栏
+- 使用 `G35`
+- 左侧显示实付金额
+- 右侧主按钮：提交订单并支付
+
+## 3. 场景差异
+
+### 外卖
+- 必须完成地址校验、起送价校验
+
+### 自提
+- 必须完成自提时间选择和取餐人信息校验
+
+### 堂食
+- 必须展示桌号，不展示配送相关字段
+
+## 4. 页面状态
+
+- 优惠不可用时展示原因
+- 地址超范围时禁止提交
+- 门店休息时禁止支付
+
+## 5. 实现备注
+
+- 结算页核心是“信息确认 + 金额确认”
+- 所有会影响实付金额的项目都必须可见
+

docs/07-页面规格/10-支付成功页.md

@@ -0,0 +1,42 @@
+# P04 支付成功页
+
+- 页面编码：`P04`
+- 页面层级：`二级页`
+- 页面目标：明确告诉用户支付已完成，并引导后续查看订单或继续点单
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 成功状态区
+2. 订单摘要区
+3. 场景关键信息区
+4. 后续动作区
+
+## 2. 区块说明
+
+### 2.1 成功状态区
+- 成功图标
+- 标题：支付成功
+- 副文案：订单已提交，等待商家处理
+
+### 2.2 订单摘要区
+- 展示订单号、门店名称、支付金额
+
+### 2.3 场景关键信息区
+- 外卖：预计送达时间
+- 自提：取餐时间和取餐说明
+- 堂食：桌号与用餐状态
+
+### 2.4 后续动作区
+- 查看订单详情
+- 继续点餐 / 再逛逛
+
+## 3. 页面状态
+
+- 支付成功为唯一主状态
+- 若返回支付结果异常，应回退到结算页或订单详情页校验状态
+
+## 4. 实现备注
+
+- 成功页停留时间不宜过长，应明确给出下一步 CTA
+

docs/07-页面规格/11-订单详情页.md

@@ -0,0 +1,71 @@
+# P05 订单详情页
+
+- 页面编码：`P05`
+- 页面层级：`二级页`
+- 页面目标：完整承接订单履约、售后和复购动作
+- 主要依赖组件：`G01`、`G31`、`G34`、`G35`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部状态头图区
+2. 场景信息区
+3. 履约时间轴区
+4. 商品清单区
+5. 费用明细区
+6. 订单基础信息区
+7. 底部操作栏
+
+## 2. 区块说明
+
+### 2.1 顶部状态头图区
+- 展示当前状态文案与辅助说明
+- 示例：
+  - 待支付
+  - 商家已接单
+  - 制作中
+  - 配送中
+  - 待自提
+  - 已完成
+  - 退款中
+
+### 2.2 场景信息区
+- 外卖：收货地址、骑手状态、预计送达
+- 自提：取餐码、取餐时间、门店信息
+- 堂食：桌号、门店、是否可继续加菜
+
+### 2.3 履约时间轴区
+- 使用 `G34`
+- 展示订单关键节点时间
+
+### 2.4 商品清单区
+- 展示商品、规格、加料、数量
+
+### 2.5 费用明细区
+- 使用 `G31`
+- 展示所有金额构成
+
+### 2.6 订单基础信息区
+- 展示订单号、下单时间、支付方式、支付时间等
+
+### 2.7 底部操作栏
+- 使用 `G35`
+- 动作随状态变化：
+  - 继续支付
+  - 取消订单
+  - 催单
+  - 申请退款
+  - 去评价
+  - 再来一单
+
+## 3. 页面状态
+
+- 待支付态
+- 履约进行态
+- 已完成态
+- 退款中态
+- 已退款态
+
+## 4. 实现备注
+
+- 订单详情页是强状态页面，顶部状态区必须足够明确
+

docs/07-页面规格/12-退款申请页.md

@@ -0,0 +1,46 @@
+# P06 退款申请页
+
+- 页面编码：`P06`
+- 页面层级：`二级页`
+- 页面目标：让用户提交退款原因与说明，进入售后流程
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 可退款订单摘要区
+3. 退款原因区
+4. 补充说明区
+5. 提交按钮区
+
+## 2. 区块说明
+
+### 2.1 可退款订单摘要区
+- 展示门店、订单号、商品摘要、当前可退金额
+
+### 2.2 退款原因区
+- 提供预设原因列表
+- 例如：
+  - 商品与描述不符
+  - 配送超时
+  - 少送漏送
+  - 不想要了
+  - 其他原因
+
+### 2.3 补充说明区
+- 文本输入框
+- 可选上传凭证图片（如另一位 AI 需要扩展）
+
+### 2.4 提交按钮区
+- 主按钮：提交退款申请
+
+## 3. 页面状态
+
+- 原因未选时按钮不可提交
+- 提交中显示 loading
+- 提交成功后跳转 `P07 退款详情页`
+
+## 4. 实现备注
+
+- 页面目标是低阻力提交，不宜放过多冗余字段
+

docs/07-页面规格/13-退款详情页.md

@@ -0,0 +1,47 @@
+# P07 退款详情页
+
+- 页面编码：`P07`
+- 页面层级：`二级页`
+- 页面目标：展示退款申请的当前处理状态、时间轴和处理结果
+- 主要依赖组件：`G01`、`G34`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 退款状态头图区
+3. 退款金额与原因区
+4. 退款时间轴区
+5. 订单关联信息区
+
+## 2. 区块说明
+
+### 2.1 退款状态头图区
+- 展示当前退款状态：
+  - 已提交
+  - 处理中
+  - 已退款
+  - 已拒绝
+- 同时展示简要说明文案
+
+### 2.2 退款金额与原因区
+- 展示退款金额
+- 展示退款原因与用户补充说明
+
+### 2.3 退款时间轴区
+- 使用 `G34`
+- 展示：申请时间、商家处理时间、退款完成时间等
+
+### 2.4 订单关联信息区
+- 展示订单号、门店、商品摘要
+- 提供返回订单详情的入口
+
+## 3. 页面状态
+
+- 处理中
+- 已退款
+- 已拒绝
+
+## 4. 实现备注
+
+- 拒绝状态必须明确展示驳回原因
+

docs/07-页面规格/14-评价页.md

@@ -0,0 +1,56 @@
+# P08 评价页
+
+- 页面编码：`P08`
+- 页面层级：`二级页`
+- 页面目标：完成订单评价，并引导商家回复与评价奖励闭环
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 订单摘要区
+3. 星级评分区
+4. 快捷评价标签区
+5. 文本评价区
+6. 图片上传区
+7. 匿名开关区
+8. 提交按钮区
+
+## 2. 区块说明
+
+### 2.1 订单摘要区
+- 展示门店名称和商品摘要
+
+### 2.2 星级评分区
+- 选择 1-5 星
+- 星级变化可联动文案提示
+
+### 2.3 快捷评价标签区
+- 根据评分展示标签
+- 例如：
+  - 味道不错
+  - 包装精致
+  - 配送很快
+  - 分量足
+
+### 2.4 文本评价区
+- 支持自由输入评价内容
+
+### 2.5 图片上传区
+- 支持晒单图片上传
+
+### 2.6 匿名开关区
+- 允许用户匿名评价
+
+### 2.7 提交按钮区
+- 主按钮：提交评价
+
+## 3. 页面状态
+
+- 未评分时按钮不可提交
+- 提交成功后提示是否返回订单详情或继续浏览
+
+## 4. 实现备注
+
+- 评价成功后可弹出“获得积分”提示，但不应阻塞主流程
+

docs/07-页面规格/15-领券中心页.md

@@ -0,0 +1,42 @@
+# P09 领券中心页
+
+- 页面编码：`P09`
+- 页面层级：`二级页`
+- 页面目标：集中展示可领取优惠券，并引导回到点餐使用
+- 主要依赖组件：`G01`、`G43`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 券分类筛选区
+3. 优惠券列表区
+4. 底部引导区
+
+## 2. 区块说明
+
+### 2.1 券分类筛选区
+- 可按全部、满减券、折扣券、免配送费券筛选
+
+### 2.2 优惠券列表区
+- 使用 `G43`
+- 每张券卡必须展示：
+  - 券名称
+  - 金额 / 折扣
+  - 使用门槛
+  - 有效期
+  - 适用门店 / 场景
+  - 领取状态
+
+### 2.3 底部引导区
+- 提供“去点餐”入口
+
+## 3. 页面状态
+
+- 默认态：有可领取券
+- 空态：无券可领
+- 已领取态：按钮改为已领取或去使用
+
+## 4. 实现备注
+
+- 领取动作应尽量轻量，领取成功后不强制跳转
+

docs/07-页面规格/16-秒杀活动页.md

@@ -0,0 +1,41 @@
+# P10 秒杀活动页
+
+- 页面编码：`P10`
+- 页面层级：`二级页`
+- 页面目标：承接强时效抢购活动，提升转化
+- 主要依赖组件：`G01`、`G21`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 秒杀头图区
+3. 场次切换区
+4. 秒杀商品列表区
+
+## 2. 区块说明
+
+### 2.1 秒杀头图区
+- 展示活动标题、主视觉、倒计时
+
+### 2.2 场次切换区
+- 展示当前场次、即将开始场次、已结束场次
+
+### 2.3 秒杀商品列表区
+- 商品卡展示：
+  - 商品图片
+  - 秒杀价
+  - 原价
+  - 剩余库存 / 已售比例
+  - 每单限购
+  - 立即抢购
+
+## 3. 页面状态
+
+- 未开始态
+- 进行中态
+- 已结束态
+
+## 4. 实现备注
+
+- 秒杀页要突出时间紧迫感和库存稀缺感
+

docs/07-页面规格/17-限时折扣活动页.md

@@ -0,0 +1,43 @@
+# P11 限时折扣活动页
+
+- 页面编码：`P11`
+- 页面层级：`二级页`
+- 页面目标：承接限时折扣活动，集中展示折扣商品
+- 主要依赖组件：`G01`、`G21`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 活动头图区
+3. 活动时间筛选区
+4. 折扣商品列表区
+
+## 2. 区块说明
+
+### 2.1 活动头图区
+- 展示活动标题、当前折扣主题、时间说明
+
+### 2.2 活动时间筛选区
+- 当前进行中
+- 即将开始
+- 已结束
+
+### 2.3 折扣商品列表区
+- 商品卡展示：
+  - 图片
+  - 商品名称
+  - 折扣价
+  - 原价
+  - 折扣力度
+  - 立即购买
+
+## 3. 页面状态
+
+- 进行中：可购买
+- 未开始：展示开始时间
+- 已结束：置灰展示
+
+## 4. 实现备注
+
+- 与秒杀页相比，限时折扣页要弱化“抢”，强化“省”
+

docs/07-页面规格/18-会员中心页.md

@@ -0,0 +1,47 @@
+# P12 会员中心页
+
+- 页面编码：`P12`
+- 页面层级：`二级页`
+- 页面目标：展示会员等级、成长值、权益和升级路径
+- 主要依赖组件：`G01`、`G40`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 会员头部卡
+3. 成长值进度区
+4. 权益总览区
+5. 等级说明区
+6. 会员日 / 生日权益区
+
+## 2. 区块说明
+
+### 2.1 会员头部卡
+- 展示头像、昵称、当前会员等级、等级标识
+
+### 2.2 成长值进度区
+- 展示当前成长值
+- 展示距离下一等级差值
+
+### 2.3 权益总览区
+- 展示当前可享权益：
+  - 会员折扣
+  - 积分倍率
+  - 生日权益
+  - 会员日权益
+
+### 2.4 等级说明区
+- 展示各等级及对应权益
+
+### 2.5 会员日 / 生日权益区
+- 单独说明会员日和生日特权
+
+## 3. 页面状态
+
+- 已登录会员态
+- 未登录提示态
+
+## 4. 实现备注
+
+- 会员中心要重点突出“当前能享受什么”和“如何升级”
+

docs/07-页面规格/19-积分商城页.md

@@ -0,0 +1,44 @@
+# P13 积分商城页
+
+- 页面编码：`P13`
+- 页面层级：`二级页`
+- 页面目标：展示积分余额、可兑换商品和兑换记录
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 积分余额头部区
+3. Tab 切换区
+4. 兑换商品列表区 / 兑换记录区
+
+## 2. 区块说明
+
+### 2.1 积分余额头部区
+- 展示当前积分余额
+- 展示积分获取说明入口（可选）
+
+### 2.2 Tab 切换区
+- 兑换商品
+- 兑换记录
+
+### 2.3 兑换商品列表区
+- 商品卡展示：
+  - 商品图片
+  - 商品名称
+  - 所需积分
+  - 库存 / 数量说明
+  - 立即兑换
+
+### 2.4 兑换记录区
+- 展示兑换时间、兑换内容、状态
+
+## 3. 页面状态
+
+- 默认态：有商品可兑
+- 空态：暂无可兑换商品
+
+## 4. 实现备注
+
+- 积分商城强调“积分能干什么”，不要只展示数值
+

docs/07-页面规格/20-储值充值页.md

@@ -0,0 +1,44 @@
+# P14 储值充值页
+
+- 页面编码：`P14`
+- 页面层级：`二级页`
+- 页面目标：展示储值余额、充值方案和充值记录
+- 主要依赖组件：`G01`、`G44`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 储值余额区
+3. 充值方案区
+4. 充值记录区
+5. 底部支付区
+
+## 2. 区块说明
+
+### 2.1 储值余额区
+- 展示当前可用余额
+- 可补充说明实充与赠送余额（如有）
+
+### 2.2 充值方案区
+- 使用 `G44`
+- 每张方案卡展示：
+  - 充值金额
+  - 赠送金额
+  - 到账金额
+
+### 2.3 充值记录区
+- 展示最近充值记录
+- 包含：时间、支付方式、到账金额
+
+### 2.4 底部支付区
+- 主按钮：立即充值
+
+## 3. 页面状态
+
+- 默认态：有方案可选
+- 空态：暂无充值方案
+
+## 4. 实现备注
+
+- 充值金额、赠送金额、到账金额三者必须同时可见
+

docs/07-页面规格/21-次卡页.md

@@ -0,0 +1,38 @@
+# P15 次卡页
+
+- 页面编码：`P15`
+- 页面层级：`二级页`
+- 页面目标：展示可购买次卡、已购次卡和核销记录
+- 主要依赖组件：`G01`、`G45`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. Tab 切换区
+3. 次卡列表区
+
+## 2. 区块说明
+
+### 2.1 Tab 切换区
+- 可购买次卡
+- 我的次卡
+- 使用记录（可选）
+
+### 2.2 次卡列表区
+- 使用 `G45`
+- 次卡卡片展示：
+  - 次卡名称
+  - 适用范围
+  - 有效期
+  - 剩余次数 / 总次数
+  - 购买或查看详情按钮
+
+## 3. 页面状态
+
+- 默认态：有可购或已购次卡
+- 空态：暂无次卡
+
+## 4. 实现备注
+
+- 次卡页需要把“适用什么商品”和“还剩几次”表达清楚
+

docs/07-页面规格/22-消息中心页.md

@@ -0,0 +1,39 @@
+# P16 消息中心页
+
+- 页面编码：`P16`
+- 页面层级：`二级页`
+- 页面目标：集中查看订单消息、营销消息和系统通知
+- 主要依赖组件：`G01`、`G46`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 消息分类切换区
+3. 消息列表区
+
+## 2. 区块说明
+
+### 2.1 消息分类切换区
+- 全部
+- 订单消息
+- 营销消息
+- 系统通知
+
+### 2.2 消息列表区
+- 使用 `G46`
+- 每条消息展示：
+  - 标题
+  - 摘要
+  - 时间
+  - 未读状态
+- 点击消息跳转到对应业务页面
+
+## 3. 页面状态
+
+- 默认态：有消息
+- 空态：暂无消息
+
+## 4. 实现备注
+
+- 消息要支持按读写状态区分，但不需要复杂会话系统
+

docs/07-页面规格/23-帮助中心页.md

@@ -0,0 +1,44 @@
+# P17 帮助中心页
+
+- 页面编码：`P17`
+- 页面层级：`二级页`
+- 页面目标：承接常见问题、规则说明和客服联系
+- 主要依赖组件：`G01`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 常见问题区
+3. 专题帮助区
+4. 联系客服区
+
+## 2. 区块说明
+
+### 2.1 常见问题区
+- 以折叠列表形式展示
+- 建议覆盖：
+  - 如何下单
+  - 如何使用优惠券
+  - 如何申请退款
+  - 如何查看取餐码
+
+### 2.2 专题帮助区
+- 支付帮助
+- 配送帮助
+- 自提帮助
+- 堂食帮助
+- 会员与资产帮助
+
+### 2.3 联系客服区
+- 在线客服入口
+- 电话客服入口
+
+## 3. 页面状态
+
+- 默认态即可
+- 若帮助内容为空，则展示联系客服入口
+
+## 4. 实现备注
+
+- 帮助中心主要作为兜底服务页，不需要复杂交互
+

docs/07-页面规格/24-堂食扫码确认页.md

@@ -0,0 +1,47 @@
+# P18 堂食扫码确认页
+
+- 页面编码：`P18`
+- 页面层级：`二级页`
+- 页面目标：在扫码后确认门店与桌号，并把用户送入堂食点餐页
+- 主要依赖组件：`G01`、`G12`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部导航栏
+2. 扫码结果确认卡
+3. 堂食规则说明区
+4. 当前桌台状态区（可选）
+5. 主操作区
+
+## 2. 区块说明
+
+### 2.1 扫码结果确认卡
+- 展示：
+  - 门店名称
+  - 桌号 / 桌台编号
+  - 是否可点餐
+
+### 2.2 堂食规则说明区
+- 展示：
+  - 是否先付款
+  - 是否支持加菜
+  - 是否支持合单
+  - 结账方式说明
+
+### 2.3 当前桌台状态区
+- 如已有订单，可提示当前桌存在进行中订单
+
+### 2.4 主操作区
+- 主按钮：进入堂食点餐
+- 次按钮：重新扫码 / 切换桌号（如需要）
+
+## 3. 页面状态
+
+- 正常可入桌
+- 桌号失效
+- 当前桌不可用
+
+## 4. 实现备注
+
+- 该页要尽量减少用户输入，优先自动确认门店和桌号
+