From 75e1846847fb02ca16655125851641e583231fb9 Mon Sep 17 00:00:00 2001
From: maogeigei <maogeigei@work.alotbuy.com>
Date: Thu, 3 Sep 2026 15:14:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=83=AD=E7=82=B9=E6=95=B0=E6=8D=AE=EF=BC=9A?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E7=83=AD=E6=A6=9C/=E7=82=B9=E8=B5=9E?=
 =?UTF-8?q?=E6=A6=9C=20tab=20=E6=82=AC=E5=81=9C=E6=B0=94=E6=B3=A1=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E8=BF=917=E6=97=A5=E6=95=B0=E6=8D=AE=EF=BC=88?=
 =?UTF-8?q?=E5=81=9C=E7=95=992s=E6=B5=AE=E7=8E=B0=EF=BC=8C=E7=BA=AFCSS?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../短视频脚本创作/V1.0/mcn-work-shop/public/app.js   |  4 ++--
 .../V1.0/mcn-work-shop/public/data-pages.js           |  6 +++---
 .../V1.0/mcn-work-shop/public/index.html              |  6 +++---
 .../V1.0/mcn-work-shop/public/style.css               | 11 +++++++++++
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/app.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/app.js
index cead4b5..20ff02c 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/app.js
+++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/app.js
@@ -324,8 +324,8 @@ function renderHome() {
       <div class="recent-head">
         <div class="rank-tabs" role="tablist">
           <button class="rank-tab active" data-rank-tab="week" role="tab">账号周榜</button>
-          <button class="rank-tab" data-rank-tab="hot" role="tab">视频热榜</button>
-          <button class="rank-tab" data-rank-tab="likes" role="tab">点赞榜</button>
+          <button class="rank-tab" data-rank-tab="hot" data-tip="近7日数据" role="tab">视频热榜</button>
+          <button class="rank-tab" data-rank-tab="likes" data-tip="近7日数据" role="tab">点赞榜</button>
         </div>
         <div class="rank-tools" id="rankTools">
           <select id="rankCat" class="input-select rank-filter" title="赛道筛选"></select>
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 f2ecdb9..95a5f8a 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js
+++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js
@@ -507,8 +507,8 @@ async function renderRanking(view) {
   // 视频热榜 抖音周榜_视频热榜_{赛道}_{周一}.json，点赞榜 抖音周榜_点赞榜_{赛道}_{周一}.json；后端按 board 识别
   const RANK_TABS = [
     ['week', '账号周榜'],
-    ['hot', '视频热榜'],
-    ['likes', '点赞榜'],
+    ['hot', '视频热榜', '近7日数据'],
+    ['likes', '点赞榜', '近7日数据'],
   ];
   const mkState = () => ({ date: '', category: '', sortBy: '', order: '', page: 1, pageSize: 20, dates: [], categories: [] });
   // 每榜独立状态（切 tab 保留各自筛选/翻页/日期）
@@ -521,7 +521,7 @@ async function renderRanking(view) {
       ${toolbarBack()}
       <span class="page-title">热点数据</span>
       <div class="rank-tabs" role="tablist">
-        ${RANK_TABS.map(([k, label]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}" role="tab">${label}</button>`).join('')}
+        ${RANK_TABS.map(([k, label, tip]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}"${tip ? ` data-tip="${tip}"` : ''} role="tab">${label}</button>`).join('')}
       </div>
       ${withFilters ? `<div class="toolbar-right">
         <select id="rankCat" class="input-select" title="赛道筛选">
diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html
index 143146a..a3a53c8 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 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>MCN工作台</title>
-<link rel="stylesheet" href="style.css?v=20260903">
+<link rel="stylesheet" href="style.css?v=20260903c">
 <script src="vendor/echarts.min.js"></script>
 </head>
 <body>
@@ -41,7 +41,7 @@
   </div>
 </div>
 
-<script src="app.js?v=20260903"></script>
-<script src="data-pages.js?v=20260903"></script>
+<script src="app.js?v=20260903c"></script>
+<script src="data-pages.js?v=20260903c"></script>
 </body>
 </html>
diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
index 766648d..0c12b74 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
+++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
@@ -588,6 +588,17 @@ td.td-title { max-width: 240px; }
 /* 热点数据页：tab 并入 page-toolbar 同一行（与赛道/时间筛选同行），去整行分隔条 */
 .page-toolbar .rank-tabs { border-bottom: none; margin-bottom: 0; align-self: center; }
 .page-toolbar .rank-tab { padding: 4px 10px 3px; font-size: 13px; }
+/* tab 悬停提示气泡：停留约 2s 后浮现，移开立即淡出（transition-delay 仅作用于 hover 态） */
+.rank-tab[data-tip] { position: relative; }
+.rank-tab[data-tip]::after {
+  content: attr(data-tip);
+  position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
+  background: #2b2f36; color: #f2f4f7; font-size: 12px; line-height: 1;
+  padding: 5px 9px; border-radius: 6px; white-space: nowrap;
+  pointer-events: none; z-index: 40; opacity: 0;
+  transition: opacity .15s ease;
+}
+.rank-tab[data-tip]:hover::after { opacity: 1; transition-delay: 2s; }
 .rank-placeholder { border: 1px dashed var(--border); border-radius: 10px; padding: 36px 12px; text-align: center; color: var(--dim); background: var(--panel); font-size: 14px; }
 .rank-tools { display: flex; align-items: center; gap: 6px; margin-left: auto; }
 .rank-filter { padding: 3px 6px; font-size: 14px; max-width: 110px; }