feat(viewer,ui04): E02 static fidelity — real photo fixtures, measured shell/photo/collapse specs, edge fade

- fixtures: 8 picsum-seeded real photos (mixed ratios); seedPhoto thumbBytes/browseBytes injection
- e2e E02 block: wrapper shell (195x280/radius/border/#10161E), photo strip (193w, ratio-height, 3px gap), collapse (44/44 hit, 24 visual, sole button), desktop+mobile screenshots
- EmbedStream: top/bottom 12px dark fade (0.12, §2.3 optional item)
- fix(admin): pre-existing eslint globals gap for ElNotification (template drift, blocks lint gate)

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-22 13:01:34 +08:00
parent 66d1eb3e9f
commit 1d1979f540
16 changed files with 159 additions and 10 deletions
+18 -1
View File
@@ -61,13 +61,30 @@
- [x] E01 契约和版本骨架(第 2 节;改动面:contracts openapi+events+gen、api dto/
embed.service(cn 管理与 ov 投影共用归一化)、embed-loader params+loader-v2+build/sync、
viewer EmbedPage v=2 分支+EmbedStream+stream.ts+i18n、admin 类型+utils+snippet v1/v2 版本选择)
- [ ] E02 静态高保真样板
- [x] E02 静态高保真样板(登记见下)
- [ ] E03 连续滚动
- [ ] E04 操作和生命周期
- [ ] E05 实时气泡
- [ ] E06 管理预览与接入
- [ ] E07 验收(EMB-A01…A16 逐项见第 5 节)
### E02 登记(2026-09-22)
- 真实摄影素材:e2e/fixtures/photo-01..08.jpg(picsum 固定 seed 下载,800×500 ~
1200×400 混合比例);helpers.seedPhoto 扩展 thumbBytes/browseBytes 注入(向后兼容)。
- 静态测量(e2e/embed-v2.spec.ts E02 块,全部断言过):
- wrapper 195×280 / radius 12px / border 1px rgba(255,255,255,0.8) / bg rgb(16,22,30)
/ box-sizing border-box(§2.1 全项);
- 首图(最新序)193 宽 ×135 高(1000×700 原比例);track rowGap 3px(§2.2/2.3);
- 收起:44×44 触区锚定右上、可视圆 24×24 内缩 6px;全窗唯一 button(§2.4);
- 上下 12px 弱暗渐隐(rgba(16,22,30,0.12),§2.3 可选项落地)。
- 截图:actual/desktop/e02-static-desktop.png、actual/mobile/e02-static-mobile.png
(390×844 展开态同尺寸 195×280)。
- 存量偏差修复登记:admin eslint globals 缺 ElNotification(模板 .auto-import.json
生成缓存不含、types/import d.ts 已声明——login/index.vue 存量问题,UI-04 前即红;
最小修复 eslint.config.mjs globals 补 readonly)。
- E02 出口确认:无标题/底栏/页码/左右按钮,图片窗口形态与目标图一致(截图对照)。
## 4 测量与证据索引
(E02+ 起登记:尺寸实测、位移曲线、DOM/连接上限统计、录屏清单。)