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

行情区：60s 刷新、横向 OHLCV、交易所标识、价格自动按钮

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-02 11:19:20 +08:00
parent 113d8c1669
commit d942e5b088
4 changed files with 166 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+77 -20
View File
@@ -1976,47 +1976,104 @@ body.login-page {
height: 100%;
}
.market-exchange-badge {
position: absolute;
top: 50%;
right: 52px;
z-index: 3;
transform: translateY(-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);
pointer-events: none;
white-space: nowrap;
user-select: none;
}
.market-exchange-badge:empty {
display: none;
}
.market-ohlcv-overlay {
position: absolute;
top: 10px;
left: 10px;
z-index: 4;
pointer-events: none;
padding: 10px 12px;
padding: 8px 12px;
border-radius: 8px;
background: rgba(8, 14, 24, 0.88);
border: 1px solid var(--border-soft);
font-size: 0.78rem;
min-width: 200px;
opacity: 0;
visibility: hidden;
transition: opacity 0.12s ease;
}
.market-ohlcv-overlay.is-active {
opacity: 1;
visibility: visible;
max-width: calc(100% - 80px);
}
.market-ohlcv-title {
font-weight: 600;
color: var(--accent);
margin-bottom: 6px;
margin-bottom: 4px;
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
}
.market-ohlcv-grid {
display: grid;
grid-template-columns: 1fr 1fr;
.mkt-exchange-tag {
padding: 1px 8px;
border-radius: 4px;
background: rgba(0, 255, 157, 0.12);
border: 1px solid rgba(0, 255, 157, 0.35);
color: #00ff9d;
font-size: 0.72rem;
font-weight: 600;
}
.mkt-exchange-tag:empty {
display: none;
}
.market-ohlcv-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 14px;
}
.market-ohlcv-grid .k {
color: var(--muted);
margin-right: 6px;
.market-ohlcv-row .ohlcv-item {
white-space: nowrap;
}
.market-ohlcv-grid .market-vol {
grid-column: 1 / -1;
.market-ohlcv-row .k {
color: var(--muted);
margin-right: 4px;
}
.market-price-auto {
position: absolute;
right: 6px;
top: 42%;
z-index: 5;
padding: 4px 8px;
font-size: 0.68rem;
font-family: var(--font);
border-radius: 6px;
border: 1px solid var(--border-soft);
background: rgba(8, 14, 24, 0.92);
color: var(--muted);
cursor: pointer;
line-height: 1.2;
}
.market-price-auto:hover {
border-color: var(--accent);
color: var(--text);
}
.market-price-auto.is-on {
color: #00ff9d;
border-color: rgba(0, 255, 157, 0.45);
background: rgba(0, 255, 157, 0.1);
}