R39: 网页改名 MCN创意雷达 + 首页榜单行垂直居中对齐 + 下载按钮换 globe 图标浅色
- 改名 6 文件(网页显示层,不动技能注册名「短视频工作台」) - 浏览器标题 + 面包屑 + 4 文件头注释 + server.js 启动日志 - 垂直居中:.rank-preview .recent-head .rank-tabs 局部覆盖 align-self:center margin-bottom:0(CDP 实测修复前偏上 5px) - globe 图标三处替换 download→globe:首页 homeRankUpdate / 热点 rankUpdate / 账号 accUpdate - #rankUpdate + .home-rank-update 常态 color:var(--dim) 浅灰,hover 继承 .btn:hover 变蓝 - 版本 style.css z→aa / app.js w→x / data-pages.js aa→ab - CDP 冒烟 15/15 PASS(拆 3 段独立连接 a/b/c,段 B 修复 :last-of-type selector 命中按钮自身坑) - 权威冒烟脚本 cdp-r39-brand.mjs 同步修 selector
This commit is contained in:
1 parent
28eba2a3b0
commit
03de8bed5b
7 files changed
+48
-17
No files matched your search
@@ -364,3 +364,31 @@
|
||||
- **CDP 冒烟** `tmp/cdp-r38-home-btn.mjs`(9225)15/15 PASS:三资源版本(z/w/aa)加载 ✓;homeRankUpdate 纯图标透明底(bg/border rgba(0,0,0,0))宽 35px ✓;**紧贴 tab 右侧 12px** ✓;与筛选控件同行无溢出(sameLineTools=true overflow=false)✓;点击 → 确认弹窗出现(title=更新榜单数据/上次更新 2026-08-24/取消+确认按钮)✓ 取消关闭 ✓
|
||||
- **脚本坑**:`link[href$=".css"]` 匹配不上带 `?v=` query 的 href(以 z 结尾非 .css)→ 改 `link[rel="stylesheet"]` 后全绿
|
||||
- **R35-R38 累计未推送**:本地 HEAD 领先 origin/main 2 commit(449d784 R35 / 1f147e8 R36)+ working tree R37/R38 待提交
|
||||
|
||||
## R39 网页改名 MCN创意雷达 + 首页榜单行垂直居中 + 下载按钮换 globe 图标浅色(09-03 18:00)
|
||||
- **改名需求**:用户「将MCN工作台 网页上的名称改为 MCN创意雷达」——只改**网页显示层**(浏览器标题 title/面包屑 crumb-home/4 文件头注释/server.js 启动日志);**技能注册名「短视频工作台」绝不触碰**——`skills: ['短视频工作台']` 是工作台自身作为「短视频创作脚本技能」子技能挂载的标识,改名会导致 Skill 工具按名加载失败;工程目录名 `mcn-work-shop` 也保留
|
||||
- **改名 6 文件**:
|
||||
- `public/index.html` L6 `<title>MCN工作台</title>` → `<title>MCN创意雷达</title>`
|
||||
- `public/app.js` L1 注释 + L732-733 面包屑两处(无 name span + 有 name a)+ L330 homeRankUpdate 按钮图标 download→globe
|
||||
- `public/data-pages.js` L1 注释 + L528 rankUpdate + L795 accUpdate 三处 download→globe
|
||||
- `public/style.css` L1 注释 + L430 #rankUpdate + L432 .home-rank-update 加 `color: var(--dim)`(浅色 icon,hover 自动继承 `.btn:hover` 变蓝)
|
||||
- `server.js` L1 注释 + L974 启动日志 `MCN工作台已启动` → `MCN创意雷达已启动`
|
||||
- `dsh-data.js` L1 注释
|
||||
- **垂直居中修复**:
|
||||
- 用户「首页 榜单的 下载按钮 和 右边的功能组件 都没有和 tab组件保持 垂直居中,现在是靠下的」
|
||||
- 排查:`.rank-tabs` 全局 `align-self: stretch; margin-bottom: 10px`(下拉底线设计,底部 border 对齐列表)——当 `.rank-tabs` 作为 `.recent-head`(flex align-items:center)子项时,stretch + margin-bottom 使其被拉伸且下移,tab 文字相对兄弟偏上 **~5px**
|
||||
- 修复:`style.css` L602 后新增首页局部覆盖 `.rank-preview .recent-head .rank-tabs { align-self: center; margin-bottom: 0; }`(CDP 实测修复后 tab 组中线/筛选中线/⬇ 中线偏差均 0px)
|
||||
- **globe 图标(互联网语义替换文件下载)**:
|
||||
- `ICON_PATHS` 新增 Lucide globe:`'<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>'`(圆+椭圆经线+水平纬线,与 download 箭头+托盘区分「从互联网抓取数据」)
|
||||
- 三处按钮图标 download→globe:首页 `#homeRankUpdate`(`app.js` L330)/ 热点 `#rankUpdate`(`data-pages.js` L528)/ 账号列表 `#accUpdate`(`data-pages.js` L795,保留「更新」文字)
|
||||
- **浅色 icon**:`#rankUpdate` + `.home-rank-update` 常态 `color: var(--dim)`(#6b7280 浅灰),hover 自动继承 `.btn:hover { color: var(--primary) }` 变蓝——无需额外 hover 规则
|
||||
- **版本**:style.css z→aa、app.js w→x、data-pages.js aa→ab(同文件三处 bump 串行)
|
||||
- **CDP 冒烟**(9225)拆 3 段独立连接(**`cdp-r39-brand.mjs` 完整脚本因 Page.reload+navigate 间歇 SIGTERM 拆为 a/b/c 三段单页最小脚本**),合计 **15/15 PASS**:
|
||||
- 段 A `tmp/r39-a-home.mjs`(首页 #/):版本三绿(aa/x/ab)✓ / title=MCN创意雷达 ✓ / 面包屑=MCN创意雷达 ✓ / homeRankUpdate globe+浅色 rgb(107,114,128) ✓ / tab 组中线偏移=0px ✓ / 筛选中线偏移=0px ✓(9 项 PASS)
|
||||
- 段 B `tmp/r39-b-ranking.mjs`(#/ranking):rankUpdate globe ✓ / 浅色 ✓ / 与最后 tab 中线偏移=0px ✓ / 距最后 tab 4px 紧贴 ✓ / 透明底 rgba(0,0,0,0) ✓(5 项 PASS)
|
||||
- 段 C `tmp/r39-c-accounts.mjs`(#/accounts):accUpdate globe ✓ + 文字「更新」保留 ✓(1 项 PASS)
|
||||
- **冒烟脚本坑**:
|
||||
- **selector bug**:`document.querySelector('.rank-tabs .rank-tab:last-of-type')` 在 #/ranking 页**返回 null**——`.rank-tabs` 容器内是 4 个 `<button>` 平级(3 tab + #rankUpdate 自身),`:last-of-type` 匹配的是最后一个 button(即 #rankUpdate 自身),而 #rankUpdate 没有 class `.rank-tab` 故无匹配。修复:`document.querySelectorAll('.rank-tabs .rank-tab')` + `tabs[tabs.length-1]`。同样的坑也修进了权威脚本 `cdp-r39-brand.mjs`(L56)作为未来冒烟基线
|
||||
- **SIGTERM 间歇**:单脚本含 Page.reload+Page.navigate+hash 多次切换时偶发被沙箱 SIGTERM 杀死 node 进程——规避=**拆段独立连接**,单脚本只做一件事;首页跳转 hash 用 location.hash=赋值(Runtime.evaluate)而非 Page.navigate
|
||||
- **视觉目检** `tmp/shot-r39-brand.png`:顶部 brand `MCN创意雷达` ✓;首页榜单 tab 组(账号周榜/视频热榜/点赞榜)+ globe 按钮 + 筛选箭头完全水平对齐,globe 图标浅灰 ✓
|
||||
- **R39 待推送**:本地 HEAD=28eba2a(R37-R38 已提交),working tree R39 6 文件改动 + 记忆日志 R39 节未提交;累计本地领先 origin/main **4 commit**(449d784 R35 / 1f147e8 R36 / 28eba2a R37-38 / R39 待提交)
|
||||
Reference in new issue
Block a user