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

ui: show Top20 rank sheet below toolbar instead of over chart

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-08 16:11:11 +08:00
parent 4c55932906
commit 5fb4a10638
3 changed files with 68 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/index.html
+16 -9
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
<link rel="stylesheet" href="/assets/app.css?v=20260608-market-vol-rank-v3" />
<link rel="stylesheet" href="/assets/app.css?v=20260608-market-vol-rank-v4" />
</head>
<body>
<div class="app-bg" aria-hidden="true"></div>
@@ -84,13 +84,16 @@
<span>币种</span>
<div class="market-symbol-wrap">
<input id="market-symbol" type="text" value="BTC/USDT" placeholder="BTC/USDT" autocomplete="off" />
<details id="market-vol-rank" class="market-vol-rank">
<summary title="昨日成交额 Top20（每早8点更新）">Top20</summary>
<div class="market-vol-rank-panel">
<div id="market-vol-rank-meta" class="market-vol-rank-meta">加载中…</div>
<ol id="market-vol-rank-list" class="market-vol-rank-list"></ol>
</div>
</details>
<button
type="button"
id="market-vol-rank-btn"
class="market-vol-rank-btn"
title="昨日成交额 Top20（每早8点更新）"
aria-expanded="false"
aria-controls="market-vol-rank-sheet"
>
Top20
</button>
</div>
</label>
<label class="market-field">
@@ -112,6 +115,10 @@
<span id="market-bar-countdown" class="toolbar-meta market-countdown"></span>
<span id="market-updated" class="toolbar-meta"></span>
</div>
<div id="market-vol-rank-sheet" class="market-vol-rank-sheet hidden" aria-hidden="true">
<div id="market-vol-rank-meta" class="market-vol-rank-meta">加载中…</div>
<ol id="market-vol-rank-list" class="market-vol-rank-list"></ol>
</div>
<p id="market-status" class="market-status"></p>
<div id="market-chart-wrap" class="market-chart-wrap">
<div class="market-ohlcv-bar" aria-label="K线详情">
@@ -395,7 +402,7 @@
<div id="toast"></div>
<script src="https://unpkg.com/lightweight-charts@4.2.0/dist/lightweight-charts.standalone.production.js"></script>
<script src="/assets/chart_draw.js?v=20260608-market-vol-rank"></script>
<script src="/assets/chart.js?v=20260608-market-vol-rank-v3"></script>
<script src="/assets/chart.js?v=20260608-market-vol-rank-v4"></script>
<script src="/assets/archive.js?v=20260607-hub-archive-v6"></script>
<script src="/assets/ai_review_render.js?v=2"></script>
<script src="/assets/app.js?v=20260607-hub-archive-v1"></script>