feat: 看板每组显示考试成员榜(排名/姓名/成绩,成绩降序) + 防溢出
This commit is contained in:
@@ -499,8 +499,36 @@ body.fs-on .topbar { padding-top: 8px; padding-bottom: 8px; }
|
||||
.gpanel .ghead strong { font-size: 16px; }
|
||||
.gpanel .ghead .rate-num { font-size: 15px; font-weight: 800; }
|
||||
|
||||
/* 成员榜:排名 / 姓名 / 成绩 */
|
||||
.mem-title {
|
||||
margin-top: 16px; margin-bottom: 8px;
|
||||
font-size: 12px; font-weight: 700; color: var(--text-2);
|
||||
}
|
||||
.member-list {
|
||||
max-height: 300px; overflow: auto;
|
||||
border: 1px solid var(--border-2); border-radius: 10px; background: #fff;
|
||||
}
|
||||
.member-list table.grid { font-size: 12.5px; }
|
||||
.member-list table.grid th { padding: 8px 10px; }
|
||||
.member-list table.grid td { padding: 6px 10px; }
|
||||
.rk {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
|
||||
background: var(--border-2); color: var(--text-2);
|
||||
font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.rk-1 { background: #fff2d6; color: #b7791f; }
|
||||
.rk-2 { background: #eef1f6; color: #64748b; }
|
||||
.rk-3 { background: #fbe9dd; color: #b45309; }
|
||||
|
||||
/* 防溢出:网格子项允许收缩,长内容不撑破页面 */
|
||||
.class-grid, .group-compare, .cards, .gpanel, .class-card { min-width: 0; }
|
||||
.gpanel, .class-card { overflow: hidden; }
|
||||
.member-list td.name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
|
||||
/* 看板全屏适配 */
|
||||
body.fs-on .wrap { max-width: none; padding-top: 14px; }
|
||||
body.fs-on .member-list { max-height: 46vh; }
|
||||
body.fs-on .class-grid { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
|
||||
body.fs-on .group-compare { grid-template-columns: 1fr 1fr; }
|
||||
body.fs-on .dash-hero { border-radius: var(--radius); }
|
||||
|
||||
Reference in New Issue
Block a user