docs: 完善PRD文档,新增咨询人弹窗和咨询人档案详情章节,更新页面截图和截图规范

This commit is contained in:
冯普
2026-04-16 16:40:26 +08:00
parent da704d8c83
commit 29afceb3d0
628 changed files with 169600 additions and 396 deletions
+6 -7
View File
@@ -16,10 +16,6 @@ prototype-user-app/
├── web-admin/ # Web 管理端原型
├── employee-app/ # 员工端 APP 原型
├── emergency-app/ # 健康应急 APP 原型
├── shared/ # 共享资源(图标、字体、公共样式)
│ ├── styles/ # 公共 CSS
│ ├── icons/ # 图标资源
│ └── components/ # 可复用的 HTML 片段
├── 项目背景.md # 本文件 - 项目约束与规范
└── README.md # 项目说明
```
@@ -395,10 +391,13 @@ window.location.href = '../health-consult/consult-list.html';
为提升文档可读性,PRD 中每个页面说明需附带页面截图。
**截图生成方式:**
- 使用 Playwright 对 HTML 原型文件进行无头浏览器截图
- APP 端截`.phone-shell` 元素,视口 460×920,设备缩放 1x
- 使用浏览器自动化工具(如 Playwright、Puppeteer、Chrome DevTools 等)对 HTML 原型文件进行截图
- APP 端截图流程:
1. 通过脚本移除 `.phone-shell` 固定高度限制(`height: auto`)、移除圆角和阴影、将 `.page-content``overflow` 设为 `visible`,使内容完整展开
2. 设置视口宽度为 390px(与 phone-shell 一致),高度匹配内容实际高度
3. 截取全页面长图
- Web 端截取完整页面,视口 1440×900,设备缩放 1x
- 输出格式:JPEG(质量 80%),兼顾清晰度与文件体积
- 输出格式:JPEG(质量 85%),兼顾清晰度与文件体积
**截图存放:**
- 统一存放在模块的 `doc/screenshots/` 目录下