feat: strategy trade snapshots, DCA detail, and hub trend layout

Persist ended trend pullback and roll group snapshots to a unified records page; show replenishment tiers on instance and hub cards with horizontal single-position layout.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-04 10:45:27 +08:00
parent 1a6b5f55a1
commit 3fb2023efb
21 changed files with 665 additions and 44 deletions
+76 -7
View File
@@ -1375,15 +1375,84 @@ body.market-chart-fs-open {
color: #8fc8ff;
}
.exchange-fullscreen .hub-trend-plan-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 14px;
align-items: stretch;
.hub-trend-plan-card--horizontal {
display: flex;
flex-wrap: wrap;
gap: 14px 18px;
align-items: flex-start;
background: linear-gradient(145deg, rgba(12, 18, 32, 0.92), rgba(8, 12, 22, 0.88));
border-color: rgba(0, 212, 255, 0.22);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}
.exchange-fullscreen .hub-trend-plan-card {
height: 100%;
.hub-trend-plan-body {
flex: 1 1 320px;
min-width: 0;
}
.hub-trend-plan-side {
flex: 1 1 220px;
min-width: 200px;
max-width: 100%;
}
.hub-trend-dca-block {
padding: 8px 10px;
background: rgba(0, 0, 0, 0.22);
border: 1px solid var(--border-soft);
border-radius: 8px;
}
.hub-trend-dca-title {
font-size: 11px;
color: var(--muted);
margin-bottom: 6px;
}
.hub-trend-dca-table {
width: 100%;
border-collapse: collapse;
font-size: 11px;
}
.hub-trend-dca-table th,
.hub-trend-dca-table td {
padding: 4px 6px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
text-align: left;
}
.hub-trend-dca-table th {
color: var(--muted);
font-weight: 600;
}
.hub-trend-dca-table .dca-done {
color: var(--green);
}
.hub-trend-dca-table .dca-pending {
color: var(--muted);
}
.exchange-fullscreen .hub-trend-plan-list {
display: block;
max-width: 100%;
}
.exchange-fullscreen .hub-trend-plan-card--horizontal {
width: 100%;
}
.exchange-fullscreen .hub-trend-plan-metrics-row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px 16px;
}
.exchange-fullscreen .hub-trend-plan-grid {
flex: 1 1 280px;
}
/* 顺势加仓 */