热点数据 tab 去掉信息图标:视频热榜/点赞榜改原生 title 悬停提示近7日数据

This commit is contained in:
maogeigei committed 2026-09-03 15:23:43 +08:00
1 parent 262f4c7a38
commit b1205fe440
4 files changed
+6 -11

No files matched your search

@@ -164,7 +164,6 @@ const ICON_PATHS = {
'table': '<path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/>',
'file': '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/>',
'image': '<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>',
'info': '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
'arrow-left': '<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>',
'x': '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
'arrow-up': '<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>',
@@ -325,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">视频热榜<span class="rank-tab-info" title="近7日数据">${svgIcon('info', 13)}</span></button>
<button class="rank-tab" data-rank-tab="likes" role="tab">点赞榜<span class="rank-tab-info" title="近7日数据">${svgIcon('info', 13)}</span></button>
<button class="rank-tab" data-rank-tab="hot" title="近7日数据" role="tab">视频热榜</button>
<button class="rank-tab" data-rank-tab="likes" title="近7日数据" role="tab">点赞榜</button>
</div>
<div class="rank-tools" id="rankTools">
<select id="rankCat" class="input-select rank-filter" title="赛道筛选"></select>
@@ -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, tip]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}" role="tab">${label}${tip ? `<span class="rank-tab-info" title="${tip}">${svgIcon('info', 13)}</span>` : ''}</button>`).join('')}
${RANK_TABS.map(([k, label, tip]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}"${tip ? ` title="${tip}"` : ''} role="tab">${label}</button>`).join('')}
</div>
${withFilters ? `<div class="toolbar-right">
<select id="rankCat" class="input-select" title="赛道筛选">
@@ -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=20260903e">
<link rel="stylesheet" href="style.css?v=20260903f">
<script src="vendor/echarts.min.js"></script>
</head>
<body>
@@ -41,7 +41,7 @@
</div>
</div>
<script src="app.js?v=20260903e"></script>
<script src="data-pages.js?v=20260903e"></script>
<script src="app.js?v=20260903f"></script>
<script src="data-pages.js?v=20260903f"></script>
</body>
</html>
@@ -588,10 +588,6 @@ 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 内信息图标(视频热榜/点赞榜 · 近7日数据):弱化跟随文字色,hover 原生 title 提示 */
.rank-tab .rank-tab-info { display: inline-flex; align-items: center; margin-left: 3px; opacity: .5; cursor: help; vertical-align: -1px; }
.rank-tab:hover .rank-tab-info { opacity: .9; }
.rank-tab.active .rank-tab-info { opacity: .7; }
.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; }