refactor(admin-dashboard): unify mini chart styles and show names

This commit is contained in:
萝卜
2026-03-16 10:35:48 +08:00
parent 0b04a71be5
commit e744890cc9
3 changed files with 24 additions and 40 deletions

View File

@@ -309,14 +309,12 @@
/* 可复用KPI 卡片栅格(参考 Ant Design Pro Analysis第一行 4 个等宽卡片) */
/* 可复用:迷你图表(渐进增强:由 admin.js 渲染,页面无 JS 时为空但不影响表格) */
.adm-mini-chart{
/* 可复用:迷你图表/排行/占比(渐进增强:由 admin.js 渲染,页面无 JS 时为空但不影响表格) */
.adm-mini-chart,
.adm-mini-rank,
.adm-mini-share{
margin-top:10px;
height:86px;
width:100%;
display:flex;
align-items:flex-end;
gap:8px;
padding:10px 10px;
border:1px solid var(--adm-border-color, #e5e7eb);
border-radius:var(--adm-radius, 12px);
@@ -324,13 +322,22 @@
box-shadow:var(--adm-shadow-sm);
}
.adm-mini-chart.is-empty{
.adm-mini-chart.is-empty,
.adm-mini-rank.is-empty,
.adm-mini-share.is-empty{
align-items:center;
justify-content:center;
color:var(--adm-text-muted, #94a3b8);
font-size:12px;
}
.adm-mini-chart{
height:86px;
display:flex;
align-items:flex-end;
gap:8px;
}
.adm-mini-chart-bar{
flex:1;
min-width:0;
@@ -356,23 +363,9 @@
/* 可复用:迷你排行(渐进增强:由 admin.js 渲染,页面无 JS 时为空但不影响表格) */
.adm-mini-rank{
margin-top:10px;
width:100%;
display:flex;
flex-direction:column;
gap:8px;
padding:10px 10px;
border:1px solid var(--adm-border-color, #e5e7eb);
border-radius:var(--adm-radius, 12px);
background:var(--adm-surface-tint, rgba(15, 23, 42, .02));
box-shadow:var(--adm-shadow-sm);
}
.adm-mini-rank.is-empty{
align-items:center;
justify-content:center;
color:var(--adm-text-muted, #94a3b8);
font-size:12px;
}
.adm-mini-rank-row{
@@ -417,23 +410,9 @@
/* 可复用迷你占比Top5渐进增强由 admin.js 渲染,页面无 JS 时为空但不影响表格) */
.adm-mini-share{
margin-top:10px;
width:100%;
display:flex;
flex-direction:column;
gap:8px;
padding:10px 10px;
border:1px solid var(--adm-border-color, #e5e7eb);
border-radius:var(--adm-radius, 12px);
background:var(--adm-surface-tint, rgba(15, 23, 42, .02));
box-shadow:var(--adm-shadow-sm);
}
.adm-mini-share.is-empty{
align-items:center;
justify-content:center;
color:var(--adm-text-muted, #94a3b8);
font-size:12px;
}
.adm-mini-share-row{