R49: 榜单三 tab 行高对齐账号周榜——功能页 td 统一 42px / 首页数据行 min-height 40px(账号周榜因功能列按钮撑高,热榜/点赞榜无按钮矮一截,切 tab 行高跳动);style aj→ak

This commit is contained in:
maogeigei committed 2026-09-03 22:27:49 +08:00
1 parent 4bf9f27056
commit 08c35931f0
3 files changed
+17 -1

No files matched your search

@@ -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=20260903aj">
<link rel="stylesheet" href="style.css?v=20260903ak">
<script src="vendor/echarts.min.js"></script>
</head>
<body>
@@ -458,6 +458,9 @@ main#view { height: calc(100vh - 55px); overflow: auto; } /* 55px=topbar 实际
/* 周榜表:fixed 布局固定列宽(auto 布局下 100% 表格富余空间会按比例摊薄拉宽列,min-width 压不住;fixed 下 width 为硬约束,账号列吃剩余) */
.table.table-rank { table-layout: fixed; }
.table.table-rank th, .table.table-rank td { overflow: hidden; text-overflow: ellipsis; }
/* R49 三 tab 行高对齐(09-03):账号周榜因「功能」列按钮(.btn-sm)行高 42px,热榜/点赞榜无按钮仅 34.7px——
统一 td 高度 42px(box-sizing:border-box,含 padding 7×2),三 tab 切换行高不再跳动 */
.table.table-rank td { height: 42px; }
.table.table-rank th.th-wide { width: 90px; }
.table.table-rank th:nth-child(1) { width: 40px; } /* 排名 */
.table.table-rank th:nth-child(2) { width: 90px; } /* 赛道 */
@@ -630,6 +633,8 @@ td.td-title { max-width: 240px; }
.rank-date-label { font-size: 14px; color: var(--dim); min-width: 62px; text-align: center; white-space: nowrap; }
.rank-preview-list { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--panel); box-shadow: var(--shadow); }
.rank-row { display: grid; grid-template-columns: 34px 84px minmax(80px, 1fr) 76px repeat(4, 76px) 72px; align-items: center; gap: 6px; padding: 6px 10px; font-size: 14px; border-bottom: 1px solid var(--border); }
/* R49 首页三 tab 行高对齐(09-03):账号周榜行高 40px(功能列按钮撑高),热榜/点赞榜 30.7px——统一数据行 min-height 40px */
.rank-preview-list .rank-row:not(.rank-head) { min-height: 40px; }
.rank-row:last-child { border-bottom: none; }
.rank-head { background: var(--panel); color: var(--dim); font-weight: 600; font-size: 13px; }
/* 首页 视频热榜/点赞榜 预览(8 列:排名/赛道/作品标题/作者/4 数值)——标题与作者吃剩余宽 */