dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

行情区：OHLCV与现价栏移出画布，修复倒计时实时刷新

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-02 11:57:56 +08:00
parent 2f1ca6fb5a
commit 586465e64e
3 changed files with 77 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+43 -27
View File
@@ -1961,8 +1961,14 @@ body.login-page {
color: #ffb84d;
}
.market-countdown {
color: var(--accent);
font-variant-numeric: tabular-nums;
}
.market-chart-wrap {
position: relative;
display: flex;
flex-direction: column;
height: min(72vh, 640px);
min-height: 360px;
border: 1px solid var(--border-soft);
@@ -1971,23 +1977,46 @@ body.login-page {
overflow: hidden;
}
.market-ohlcv-bar {
flex: 0 0 auto;
padding: 8px 12px;
border-bottom: 1px solid var(--border-soft);
background: rgba(8, 14, 24, 0.96);
font-size: 0.78rem;
}
.market-chart-body {
flex: 1;
display: flex;
min-height: 0;
position: relative;
}
.market-chart-host {
width: 100%;
flex: 1;
min-width: 0;
height: 100%;
}
.market-price-gutter {
flex: 0 0 72px;
position: relative;
border-left: 1px solid var(--border-soft);
background: #0a1018;
}
.market-exchange-badge {
position: absolute;
left: 50%;
top: 50%;
right: 52px;
z-index: 3;
transform: translateY(-50%) rotate(-90deg);
z-index: 1;
transform: translate(-50%, -50%) rotate(-90deg);
transform-origin: center center;
font-family: var(--font-display, var(--font));
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.12em;
color: rgba(184, 212, 232, 0.22);
color: rgba(184, 212, 232, 0.18);
pointer-events: none;
white-space: nowrap;
user-select: none;
@@ -1997,20 +2026,6 @@ body.login-page {
display: none;
}
.market-ohlcv-overlay {
position: absolute;
top: 10px;
left: 10px;
z-index: 4;
pointer-events: none;
padding: 8px 12px;
border-radius: 8px;
background: rgba(8, 14, 24, 0.88);
border: 1px solid var(--border-soft);
font-size: 0.78rem;
max-width: calc(100% - 80px);
}
.market-ohlcv-title {
font-weight: 600;
color: var(--accent);
@@ -2053,18 +2068,18 @@ body.login-page {
.market-price-tag {
position: absolute;
right: 52px;
z-index: 6;
left: 4px;
right: 4px;
z-index: 2;
pointer-events: none;
padding: 4px 8px;
padding: 4px 6px;
border-radius: 4px;
font-family: var(--font);
font-size: 0.75rem;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
transform: translateY(-50%);
min-width: 76px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
@@ -2096,9 +2111,10 @@ body.login-page {
.market-price-auto {
position: absolute;
right: 8px;
left: 6px;
right: 6px;
bottom: 10px;
z-index: 5;
z-index: 2;
padding: 4px 8px;
font-size: 0.68rem;
font-family: var(--font);