feat(ui): 卡片迷你图改用 Chart.js,历史弹窗改为纯表格 - 新增 app/static/vendor/chart.umd.min.js(Chart.js 4.4.3 离线内嵌) - 卡片折线图:Chart.js line(无坐标轴、线色随状态、阈值虚线、动画关闭避免刷新闪烁) - renderAccounts 重绘前销毁旧 Chart 实例防泄漏 - 历史弹窗:移除图表,仅表格(时间/余额,sticky 表头,hover 高亮)

This commit is contained in:
2026-08-05 10:01:54 +08:00
parent cf9e2f5b59
commit 15832772c5
4 changed files with 134 additions and 36 deletions
+41
View File
@@ -358,6 +358,41 @@ label { font-size: 12px; font-weight: 500; color: var(--text-2); margin-bottom:
}
.spark i:hover { opacity: 1; }
/* 历史弹窗表格 */
.hist-list-wrap {
max-height: 320px;
overflow-y: auto;
border: 1px solid var(--border);
border-radius: 8px;
}
.hist-table {
width: 100%;
border-collapse: collapse;
font-size: 12.5px;
}
.hist-table th, .hist-table td {
padding: 7px 12px;
text-align: left;
border-bottom: 1px solid var(--border);
}
.hist-table th {
position: sticky;
top: 0;
background: var(--bg-elev);
color: var(--text-3);
font-weight: 500;
font-size: 11px;
}
.hist-table tbody tr:last-child td { border-bottom: none; }
.hist-table td.h-bal {
text-align: right;
font-variant-numeric: tabular-nums;
font-weight: 600;
color: var(--text);
}
.hist-table tbody tr { transition: background 120ms ease; }
.hist-table tbody tr:hover { background: var(--bg-elev-2); }
/* 确认弹窗 */
.confirm-modal .modal { width: 340px; }
.confirm-text { color: var(--text-2); font-size: 13px; margin-bottom: 18px; line-height: 1.6; }
@@ -562,6 +597,12 @@ label { font-size: 12px; font-weight: 500; color: var(--text-2); margin-bottom:
width: 100%;
height: 30px;
}
/* 卡片迷你图(Chart.js canvas */
.card-chart {
display: block;
width: 100%;
height: 36px;
}
.spark-title {
font-size: 10px;
color: var(--text-3);