热点数据 tab 去掉信息图标:视频热榜/点赞榜改原生 title 悬停提示近7日数据
This commit is contained in:
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; }
|
||||
|
||||
Reference in new issue
Block a user