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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user