memory: R45 落地补记——账号定位移出共享网格消除 232.5px 等宽撑宽、gap 80 与 .video-grid 一致;同文件并行 Edit 覆盖陷阱 + CDP 强刷坑
This commit is contained in:
1 parent
047cc0efc5
commit
05ea2c29c8
1 file changed
+18
-1
@@ -454,4 +454,21 @@
|
||||
- **版本**: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 未推送**(待收尾)
|
||||
- **commit 8da5981 已 push origin/main**(52a5058..8da5981)
|
||||
|
||||
## R45 账号详情信息卡属性宽度对齐视频详情(09-03 20:30)
|
||||
- **需求演进**:
|
||||
- R45-1「可以这样改 但是属性之间间隔可以窄一些 现在宽了些」(对 R44 反馈)
|
||||
- R45-2 第一轮误解为 gap 80→40 + 账号定位移出网格(用户否决「没让你改这么窄」)
|
||||
- R45-3「参考视频详情的属性宽度」(明确指令)→ 终版 = 账号定位移出网格(核心)+ gap **80px 与 .video-grid 一致**(不能再砍)
|
||||
- **根因再确认**(R44 误判的二次根因):用户感知「间隔宽」主要不是 gap 数值大,而是「账号定位」长段落的 max-content 留在 grid 内 h h h h 区,把 4 列轨道**全部撑成等宽 232.5px**——每格右侧大片留白叠加 80px gap = 视觉间隔过宽;移出 wide item 后列贴内容收缩(抖音号列 108.9、作品数列 42),gap 80 即可恢复视频详情观感
|
||||
- **实现(终版)**:
|
||||
- `data-pages.js` L1013:`panel` 拆两段——`.account-grid` 内 7 infoGrid(a~g,删 h),账号定位改独立 `${infoGrid('账号定位', contentHtml, true, true)}`(无 area 参)作为 .account-info 直接子项平级输出
|
||||
- `style.css` L519-531:`.account-info .account-grid` 去 `'h h h h'` 区行(保留 `'a b c .' 'd e f g'`),**gap 80px 保持与 .video-grid 同款**;新增 `.account-info > .info-item { margin-top: 12px }` 给账号定位整行纵向间距(`.account-info > .info-item` 子选择器精准命中网格外的直接子项,不影响网格内 7 个)
|
||||
- **版本**:style.css ad→af(直跳终版)、data-pages af→ag、app.js 不动
|
||||
- **CDP 冒烟** `tmp/r45-gap.mjs`(9225)**14/14 PASS**(账号 2 Ricardo1999):grid 7 字段 ✓ / 账号定位独立整行直接子项 wideN=1 ✓ / 抖音号.left=赛道.left=40.7 ✓ / 作品数.left=AI制作.left=229.5 ✓ / columnGap=80px ✓ / 实算 79.9(ws.left - dy.right)✓ / maxColW=108.9(旧 232.5→贴内容收缩)✓ / 抖音号列 108.9 > 作品数列 42 ✓ / 字段非空(Ricardo1999↗、生活vlog、148、否)✓ / 账号定位 wide=1170 占满卡片 1203.3 ✓ / 位于网格下方 gridBottom=305.7 wideTop=317.7 ✓
|
||||
- **视觉留档**:`tmp/shot-r45-gap.png`——7 字段列贴内容、gap 80 同款、账号定位独立整行不再被压缩成等宽列
|
||||
- **坑**:
|
||||
① **同文件并行 Edit 覆盖陷阱**:实测 index.html 两个 Edit 并行(ad→ae 与 af→ag)时,data-pages 的 Edit 覆盖了 css 版本号变更 → 最终直跳终版 af 规避。教训=同一文件多 Edit 必须串行或合并为一次
|
||||
② CDP 冒烟须**无条件 Page.navigate ignoreCache 强刷新版再断言**(hash 直跳不换 index.html,旧 CSS 残留)——本次脚本改默认强刷后再跑即 14/14 通过
|
||||
- **commit 51bf049 已 push origin/main**(8da5981..51bf049)
|
||||
Reference in new issue
Block a user