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 405677f..6af9c14 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js @@ -1010,7 +1010,8 @@ async function renderAccountDetail(view, id) { // 账号定位:默认最多 4 行,可点击展开/收起 const contentHtml = `${esc(contentText) || '-'}${contentText.length > 120 ? `` : ''}`; panel = `
-
${infoGrid('抖音号', dyHtml, false, true, 'a')}${infoGrid('作品数', acc.works_count, false, false, 'b')}${infoGrid('获取视频', dv.total, false, false, 'c')}${infoGrid('赛道', acc.track, false, false, 'd')}${infoGrid('AI制作', acc.is_ai === '是' ? '是' : '否', false, false, 'e')}${infoGrid('粉丝', acc.followers, false, false, 'f')}${infoGrid('获赞', acc.total_likes, false, false, 'g')}${infoGrid('账号定位', contentHtml, true, true, 'h')}
+
${infoGrid('抖音号', dyHtml, false, true, 'a')}${infoGrid('作品数', acc.works_count, false, false, 'b')}${infoGrid('获取视频', dv.total, false, false, 'c')}${infoGrid('赛道', acc.track, false, false, 'd')}${infoGrid('AI制作', acc.is_ai === '是' ? '是' : '否', false, false, 'e')}${infoGrid('粉丝', acc.followers, false, false, 'f')}${infoGrid('获赞', acc.total_likes, false, false, 'g')}
+ ${infoGrid('账号定位', contentHtml, true, true)}

账号设定

${personaPanel()}`; diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html index 97b356c..e9c2763 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html @@ -4,7 +4,7 @@ MCN热点雷达 - + @@ -42,6 +42,6 @@ - + diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css index 51fcc7c..a518069 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css @@ -522,8 +522,13 @@ td.td-title { max-width: 240px; } .info-row + .info-row { margin-top: 10px; } /* 账号信息字段对齐(09-03 R44):与视频详情同款解法——抖音号/作品数/获取视频 与 赛道/AI制作/粉丝/获赞 同处一个 grid, 列轨道跨行共享(a列=抖音号与赛道同宽,b列=作品数与AI制作严格对齐);原独立 .info-row 各行按内容宽排,抖音号长短会把「作品数」顶偏造成跨行错位 */ -.account-info .account-grid { display: 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'; gap: 10px 80px; justify-content: start; } +/* R45 间隔回调(终版):横向 gap 保持 80px、与视频详情 .video-grid 完全一致;「宽」的真根因是账号定位整行留在网格内(原 h h h h 区) + 把 4 列轨道撑成等宽 232.5px、每格右侧大片留白——故将其移出共享网格(见 .account-info > .info-item),8→7 字段列轨贴内容收缩, + 值与值之间视觉距离恢复为「内容宽+80px」,与视频详情属性区观感一致 */ +.account-info .account-grid { display: grid; grid-template-columns: repeat(4, minmax(min-content, max-content)); grid-template-areas: 'a b c .' 'd e f g'; gap: 10px 80px; justify-content: start; } .account-info .account-grid .info-item { min-width: 0; } +/* 账号定位整行(R45):作为网格容器的直接子项平级输出,占满卡片宽度,与网格保持纵向间距 */ +.account-info > .info-item { margin-top: 12px; } .info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 18px; } .info-item { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .info-wide { grid-column: 1/-1; }