diff --git a/Design.md b/Design.md new file mode 100644 index 0000000..4582c42 --- /dev/null +++ b/Design.md @@ -0,0 +1,45 @@ + +> 同步来源:[`docs/design/README.md`](/chengma/mroubao/src/commit/afc651f75a3abc2676bb13aa8a80f6aa6a25a72e/docs/design/README.md) · commit `afc651f75a3a` + +# 设计原型输入约定 + +本目录用于 P0 管理 Web 和 Android 页面开工前的低保真原型。原型只回答“页面上有 +什么”,行为权威是 [`../08-interaction-checklist.md`](/chengma/mroubao/wiki/08-interaction-checklist)。 + +## 形态 + +- 一页面一个可独立打开的 HTML 文件,CSS/JS 内联,零构建依赖。 +- Android 页面也用手机尺寸 HTML 表达控件和信息结构,不伪装成生产代码。 +- 页面顶部固定标记:`PROTOTYPE - 仅供确认布局和交互,不是生产实现`。 +- 使用假数据,不放真实账号、商品图、订单、地址、token 或生产 URL。 +- 使用语义化 `button`、`form`、`table`、`dialog` 等元素。 + +P0 文件: + +```text +index.html +admin-login.html +admin-task-list.html +admin-task-create.html +admin-task-detail.html +android-login.html +android-task-home.html +android-task-preview.html +android-task-running.html +android-candidate-confirm.html +android-task-result.html +android-settings.html +``` + +`index.html` 只用于离线逐页导航。其余 11 个文件分别覆盖 +[`routes.md`](/chengma/mroubao/wiki/routes) 中的 4 条管理 Web 路由和 7 个 Android 逻辑目的地。 + +## 工作流 + +1. 在 T-202 根据需求、US 和 routes 生成对应 P0 页面原型。 +2. 人工确认页面区块、控件集合、文案和主要动作。 +3. 对照原型更新 IX 总表和 P0 详情。 +4. 再落正式 UI 任务;实现时按真实框架重写,禁止复制原型代码。 + +原型实现后即视为过期,不要求持续同步。显著改变布局或控件集合时重新生成整页; +小文案或字段变化只更新需求/IX。原型与需求冲突时,以需求和已确认 IX 为准。