配送状态交互

# 配送状态交互 — design.md

内容版本：sha256:a6111117fb618f656cf43d2f2e0d69dcb7af980f2b39cdeeaaacb8460628530e

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

## 元数据记录

- 资产：components/delivery-status-interaction；语义类型：interaction。
- 分类：交互模式。
- 标签：配送状态、交互设计、外卖APP。
- 场景：订单状态更新、骑手配送中、送达提示。
- 平台：未提供。
- 风格：未提供。

### 亮点声明

- 状态反馈：订单确认、骑手配送与送达三个阶段同步更新状态、进度与路线位置。
- 可操作的整理示例：点击或用键盘切换；送达后停止，支持重置。250 ms ease-out 为本示例参数，不代表作者原始动效。

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

- `demo.html`（sha256:cd7484bf0c411050cf7fcd8927a98c2acf6936aa409553f034760ce2424d5304）
- `meta.yml`
- `refs/01.png`（sha256:d1c28bce7eddb3f88ef6e87a5369138a640bf0850cd57bf15627231e8b66fa99）
- 参考图：`refs/01.png`；外卖 APP 原图：左侧商品推荐，右侧地图配送与订单状态。
- 实现摘要：sha256:cd7484bf0c411050cf7fcd8927a98c2acf6936aa409553f034760ce2424d5304。

## 未提供

- 未结构化记录的精确色值、字号、间距、断点、动效时长与状态转换参数不作推断；亮点中的数值属于元数据声明，demo 的存在与摘要不代表浏览器行为已验收。

## 实现建议

- 按正常、悬停、聚焦、激活、禁用、加载、成功和错误状态定义适用的状态表。
- 使用语义化元素，验证键盘操作、焦点可见性、触控目标和减少动效偏好。
- 以 demo.html 为实现参考，逐项验证交互、窄屏布局、文本溢出和错误恢复；具体参数由实现与验收确认。