feat(v2): T-308 group monitor/settings into white cards for visual separation

Adds a card() surface (white rounded panel, 1px #C8D4E3 stroke, 8px radius)
matching the light-Windows spec, and groups the monitor (video / status+
controls / gallery) and settings (camera / params / deps) into cards so the
gray-blue page shows through the gutters. Components were previously flat on
one background with no separation. Cross-compiles for Windows.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ila
2026-07-23 21:40:18 +08:00
co-authored by Claude Opus 4.8
parent 03d3f83f1d
commit 58fd92aa80
2 changed files with 115 additions and 54 deletions
+9
View File
@@ -622,3 +622,12 @@
- 阻塞:`cmd/silver-pose` 全量构建需 Windows+CGo(onnxruntime)+Gio;窗口目视/表单交互需 Windows。
- 决策:账号密码按用户要求进设置(内网演示),但仅存未跟踪 config.local.json、UI 掩码、不入日志/版本/事件;source.id 用固定/原值避免把内网 IP 写进 JSONL。设置改动"下次开始监控生效"经控制器重载 config 实现(对齐 V1 草稿→运行快照语义)。
- 下一步:用户 Windows `go run ./cmd/silver-pose` 目视——80% 窗口、2×3 画廊、Esc 关图、按钮灰显、设置页可编辑并保存后重启监控生效。
## 【2026-07-23】T-308 收尾:监控/设置组件加白色卡片边框
- 状态:DOING(卡片布局代码完成 + 交叉编译通过;观感需 Windows 目视)
- 变更:新增 `card()`(白圆角面板 `#FFFFFF` + `#C8D4E3` 1px 细边 + 8px 圆角,`op.Record` 量出内容再画底/描边),对齐 UI 规范"浅灰蓝底+白卡片"。监控页分三卡:视频卡、状态控制卡(运行/检测状态+开始停止+事件)、画廊卡(标题+2×3 缩略图);设置页分三卡:摄像头连接、常用参数、运行依赖。新增 `verticalRows` 给卡内行加统一间距。此前组件平铺在同一底色上、无分隔,偏离了规范;本次补齐。
- 验证:`gofmt` 干净;`GOOS=windows GOARCH=amd64 CGO_ENABLED=0 go build -mod=vendor ./internal/ui/... ./cmd/ui-spike/...` 退出码 0(含 `card()` 的 `op.Record`/`clip.UniformRRect.Push` 等 API)。
- 阻塞:卡片间距/描边深浅、缩略图是否再加细边等观感需 Windows 目视微调。
- 决策:按功能分组成少量卡(视频/状态控制/画廊、摄像头/参数/依赖),不逐行套框以免过碎;卡间留 8–12px 浅灰蓝缝。
- 下一步:用户 Windows 目视卡片分隔观感;据反馈微调后 T-308 置 DONE。