外卖 APP 配送地图案例

# 外卖 APP 配送地图案例 — design.md

内容版本：sha256:e2a078daa91e6868886b556812a84e34a1e766d14a0c97720747be33e33301e6

本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明；未提供的数值不作推断。实现建议须在后续开发中选择和验收。

## 元数据记录

- 资产：pages/order-logistics-map-page；语义类型：page-case。
- 分类：整页效果。
- 标签：物流、订单、地图。
- 场景：订单跟踪、配送路线查看、骑手位置查看。
- 平台：未提供。
- 风格：未提供。

### 亮点声明

- 地图为主：右侧屏幕上半部展示街区、河流、路线和配送位置，顶部有返回与缩放入口。
- 状态卡片：底部白色圆角卡片组合预计时间、流程节点、骑手信息、电话与消息入口。

### 实际文件与参考资源

- `demo.html`（sha256:a80a6c4bf891ad21eacf4b64612ac4c66a7610f6b9eed3e5732e91ba555ed2d2）
- `meta.yml`
- `refs/01.png`（sha256:c34aac628a29c79bc58dd56c4ae31407ba26219912ac16abc9b232a3453da602）
- 参考图：`refs/01.png`；外卖 APP 原图：右侧地图、配送节点及骑手联系卡。
- 实现摘要：sha256:a80a6c4bf891ad21eacf4b64612ac4c66a7610f6b9eed3e5732e91ba555ed2d2。

## 未提供

- 未结构化记录的完整页面流程、路由、业务数据、信息层级参数及跨页面组件规范不作推断；亮点描述属于元数据声明，截图或静态 demo 不能证明业务流程可用。

## 实现建议

- 梳理信息层级、核心任务、导航与内容区，再把重复区域提炼成可复用组件。
- 定义首屏、加载、空数据、错误与完成状态，确认主要行动按钮对应的真实业务行为。
- 在桌面与窄屏验证阅读顺序、表单反馈和导航，逐条验收核心用户路径。