R37-R38: 榜单下载按钮回 rank-toolbar 行+去白底纯图标;首页榜单 tab 右侧加同款下载按钮(复用 updateRankingData)
This commit is contained in:
1 parent
1f147e84dd
commit
28eba2a3b0
5 files changed
+44
-16
No files matched your search
@@ -339,5 +339,28 @@
|
||||
- 视觉截图:tab「账号周榜/视频热榜/点赞榜」+ ⬇ 在第一行右侧;筛选下拉+翻页在第二行
|
||||
- **版本**:data-pages.js x→y(CSS 不动)
|
||||
|
||||
## R37 榜单下载按钮回 rank-toolbar + 去白底(09-03 17:40)
|
||||
- **R36 偏差纠正**:用户反馈「你把 tab 和下载按钮 放下去,为啥总是喜欢把东西摆在标题哪一行呢」——R36 把 tab 提到 page-toolbar 错了,标题行应该只放 返回+标题
|
||||
- **R37 正确布局**:
|
||||
- page-toolbar:返回 + 标题「热点数据」(干净,无其他元素)
|
||||
- rank-toolbar:**恒渲染**(含 tab + 下载按钮,保证空态/错误态也能看到更新入口),筛选+翻页仅 withFilters=true 时出现
|
||||
- tab + ⬇ 紧贴:在 rank-tabs 容器内 rank-tabs flex:1 占满,tab 按钮 + ⬇ 排在最左(gap 4px),空白推到 ⬇ 之后容器尾
|
||||
- **去白底**:用户「下载按钮去掉白底 只显示ICON」→ style.css `#rankUpdate { background: transparent; border-color: transparent }` + `#rankUpdate:hover` 同样覆盖 .btn:hover 默认主色边框;CDP 计算样式确认 bg=rgba(0,0,0,0) border=rgba(0,0,0,0)
|
||||
- **验证**:
|
||||
- DOM:page-toolbar 仅 返回+标题;rank-toolbar 含 rank-tabs(tab+⬇) + 筛选;⬇ inRankTabs=true 紧贴 tab「点赞榜」
|
||||
- 视觉截图:tab 行下划线延续到 ⬇ 下方(rank-tabs border-bottom 自然延伸),⬇ 纯 icon 无边框,视觉与 tab 同组
|
||||
- **版本**:data-pages.js y→z、style.css x→y(CSS 去白底+hover 覆盖;data-pages 移动 tab 到 rank-toolbar)
|
||||
|
||||
## R34 同步 dsh 副本计划
|
||||
- dsh 副本 `C:\Users\maidou\.dsh\skills\short-video-script\`(独立副本,非软链)—— R34 改动 data-pages.js/app.js/style.css/index.html 同步评估后人工复制
|
||||
|
||||
## R38 首页榜单 tab 右侧加同款下载按钮(09-03 17:50)
|
||||
- **需求**:用户「首页 榜单tab组件右边 相同位置也放下载按钮」——首页 rank-preview 的 rank-tabs(账号周榜/视频热榜/点赞榜)右侧加与榜单页 #rankUpdate 同款 ⬇ 按钮,行为完全一致(确认弹窗→后台任务重抓→冷却防重)
|
||||
- **改动 3 文件**:
|
||||
- `data-pages.js`:`window.DataPages` 导出新增 `updateRankingData`(L1811,供 app.js 首页跨文件调用;原榜单页绑定已在内)
|
||||
- `app.js`:renderHome 首页 `.rank-preview .recent-head` 内 `.rank-tabs` 后插入 `<button class="btn btn-icon home-rank-update" id="homeRankUpdate" title="更新榜单数据…">${svgIcon('download',16,'currentColor')}</button>`(L330);renderPage 首页分支事件绑定 `window.DataPages && window.DataPages.updateRankingData(view, hUpd)`(L744-745)
|
||||
- `style.css`:`.home-rank-update`(padding 11.5px 对齐 #rankUpdate + 去白底/边框透明)+ hover 覆盖 `.btn:hover` 默认主色边框
|
||||
- **版本**:style.css ?v=20260903y→z、app.js v→w、data-pages.js z→aa(同文件三处 bump 串行)
|
||||
- **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 待提交
|
||||
Reference in new issue
Block a user