docs: 完善PRD文档,新增咨询人弹窗和咨询人档案详情章节,更新页面截图和截图规范
This commit is contained in:
@@ -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/` 目录下
|
||||
|
||||
Reference in New Issue
Block a user