demo · 手册
demo 是在 fanzy-web 上真实改出来的页面,可以点击、可以操作。需求相关的数据全部是本地模拟的,不需要后端。
对 AI 说
| 你说 | AI 做 |
|---|---|
| 按确认的要点做 demo | 改代码、打包,给你预览链接 |
| 把按钮改成金色 / 文案改成…… / 弹窗改成从底部弹出 | 修改后重新打包 |
| 给我一个手机尺寸的预览 | 给链接,并说明用浏览器手机模式查看 |
| 这个页面要登录才能看到怎么办 | 做一个免登录的演示入口 |
| demo 改了哪些代码 | 列出改动文件清单 |
怎么看 demo
- AI 给的本地链接(
http://127.0.0.1:4300/demo/…)在电脑浏览器打开 - 看手机效果:Chrome 按 ⌥⌘I 打开开发者工具,点左上角手机图标,选 iPhone 尺寸
- 发布后用线上地址,手机也能直接打开
为什么有些地方是空的
demo 不连接后端。本次需求的内容都有模拟数据,一定能完整演示;页面上原有的其他内容(比如需要接口的列表)可能显示为空或加载中,这是正常的,不属于本次需求。
文件在哪
demo/<版本包>/
├── dist/ 打包好的 demo(发布到网站)
├── meta.json 版本记录:标题、负责人、基线、进度、确认记录
├── source.patch 代码改动包(不发布,研发需要时单独发)
└── changed-files.txt 改动文件清单
project/worktrees/<版本包>/ demo 的代码工作区(AI 在这里改)