diff --git a/.workbuddy/memory/2026-09-03.md b/.workbuddy/memory/2026-09-03.md index 64f80e3..80919b4 100644 --- a/.workbuddy/memory/2026-09-03.md +++ b/.workbuddy/memory/2026-09-03.md @@ -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 未推送**(待收尾) diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js index a1e9473..405677f 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js @@ -957,7 +957,7 @@ async function renderAccountDetail(view, id) { if (tab === 'info' && persona === null) await loadPersona(); // 账号设定内联在信息页,首屏即加载(与视频数据并行) if (tab === 'persona' && trendData === null) await loadTrend(); // 视频列表页首屏拉全量趋势数据(与分页数据并行) const dv = await dvP; - const infoGrid = (label, val, wide, raw) => `