chengma/cmroubao
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Page: Design
Pages
00-ai-start-here 01-vision 02-requirements 03-tech-stack 04-architecture 05-coding-rules 06-tasks 07-user-stories 08-interaction-checklist Design Home Integrations-shunyunbao-contract PPT T-001 T-002 T-003 T-004 T-101 T-102 T-103 T-104 T-201 T-202 T-203 T-204 T-205 T-206 T-207 T-208 T-209 T-210 T-211 T-212 T-213 T-214 T-215 T-216 T-217 T-218 T-219 T-220 T-221 T-222 T-223 T-224 T-225 T-226 T-227 T-228 T-229 T-230 T-231 T-232 T-233 T-234 T-235 T-236 T-237 T-238 T-239 T-240 T-241 T-242 T-243 T-244 T-245 T-246 T-247 T-248 T-249 T-250 T-251 T-252 T-253 T-254 T-255 T-256 T-257 T-258 T-259 T-260 T-261 T-262 T-263 T-264 T-265 T-266 T-267 T-268 T-269 T-270 T-271 T-272 T-273 T-274 T-275 T-276 T-277 T-278 T-279 T-280 T-281 Task-Template Tasks agent-context api clean-state-checklist current-state routes
Clone
3
Design
ila edited this page 2026-08-07 16:47:18 +08:00
Table of Contents

同步来源：docs/design/README.md · commit afc651f75a3a

设计原型输入约定

本目录用于 P0 管理 Web 和 Android 页面开工前的低保真原型。原型只回答“页面上有 什么”，行为权威是 ../08-interaction-checklist.md。

形态

  • 一页面一个可独立打开的 HTML 文件，CSS/JS 内联，零构建依赖。
  • Android 页面也用手机尺寸 HTML 表达控件和信息结构，不伪装成生产代码。
  • 页面顶部固定标记：PROTOTYPE - 仅供确认布局和交互，不是生产实现。
  • 使用假数据，不放真实账号、商品图、订单、地址、token 或生产 URL。
  • 使用语义化 button、form、table、dialog 等元素。

P0 文件：

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 中的 4 条管理 Web 路由和 7 个 Android 逻辑目的地。

工作流

  1. 在 T-202 根据需求、US 和 routes 生成对应 P0 页面原型。
  2. 人工确认页面区块、控件集合、文案和主要动作。
  3. 对照原型更新 IX 总表和 P0 详情。
  4. 再落正式 UI 任务；实现时按真实框架重写，禁止复制原型代码。

原型实现后即视为过期，不要求持续同步。显著改变布局或控件集合时重新生成整页； 小文案或字段变化只更新需求/IX。原型与需求冲突时，以需求和已确认 IX 为准。