R44: 账号详情信息卡字段对齐——抖音号/赛道等跨行 grid 列轨道共享(同视频详情方案),修复抖音号长短致作品数与AI制作错位;css ac→ad、data-pages ae→af

This commit is contained in:
maogeigei committed 2026-09-03 19:08:37 +08:00
1 parent bc762d73cd
commit 7ad8cf4e1f
4 files changed
+19 -7

No files matched your search

+10
View File
@@ -445,3 +445,13 @@
- **视觉留档**:`tmp/shot-r42-persona2.png`(深链 `#/account/2/persona/2` 直开=视频列表第2页完整还原)
- **坑**:Page.navigate 多次 SIGTERM——截图脚本改用纯 hash 切换避免;首次冒烟需先 Page.navigate 强刷使新版 data-pages 入 DOM 再断言
- **commit 049d37a 已 push origin/main**(52a5058..049d37a)
## R44 账号详情信息字段跨行对齐(09-03 19:10)
- **需求**:「账号详情中 抖音号 和 赛道 内容的宽度保持一致,现在抖音号内容有长有短 导致作品数和AI制作错位了」
- **根因**:账号信息卡用两个独立 `.info-row` flex 容器(行1=抖音号/作品数/获取视频,行2=赛道/AI制作/粉丝/获赞),各行按内容宽度左排 + gap 80px——抖音号长则「作品数」被顶到右侧,而赛道短「AI制作」靠左,跨行第 2 列 x 起点不一致 = 视觉错位
- **修复**:套用 09-02 视频详情已验证的同款 grid 方案——`panel` 改单容器 `.account-info .account-grid`,**grid-template-columns: repeat(4, minmax(min-content, max-content)) + grid-template-areas: 'a b c .' 'd e f g' 'h h h h'** 列轨道跨行共享(首列=抖音号↔赛道同宽、b列=作品数↔AI制作严格对齐);infoGrid 增第 5 参 area(内联 grid-area:a~h);wide「账号定位」= h 区
- **改动**:data-pages.js(infoGrid 签名 + panel 段);style.css 新增 `.account-info .account-grid` 2 行(areas 模板 + item min-width:0)
- **版本**:style.css ac→ad、data-pages.js ae→af
- **CDP 冒烟** `tmp/r44-align.mjs`(9225)**10/10 PASS**(账号 2 Ricardo1999,抖音号英文长 ID):account-grid 8 字段 ✓ / 抖音号.left=赛道.left=40.7 ✓ / 作品数.left=AI制作.left=353.2 ✓ / 获取视频.left=粉丝.left=665.7 ✓ / 首列格宽 抖音号=赛道=232.5px ✓ / 第2列格宽一致 ✓ / 字段内容非空 ✓
- **坑**:冒烟首次 FAIL 全因页面停在旧资源(ac/ae)——须先 Page.navigate ignoreCache 强刷新版再断言(页面 hash 直跳不换 index.html)
- **commit 未推送**(待收尾)