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/index.html
+13 -10
View File
@@ -8,7 +8,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=20260528-hub-market2" />
<link rel="stylesheet" href="/assets/app.css?v=20260528-hub-market3" />
</head>
<body>
<div class="app-bg" aria-hidden="true"></div>
@@ -66,7 +66,7 @@
<summary>数据说明</summary>
<div class="hint-body">
优先读中控 <code>data/hub_kline.db</code>，不足时向所选交易所实例请求并写入库。<br />
日内周期最多 1000 根，日线/周线最多 500 根。仅在本页操作或点「刷新」时拉取交易所。
日内周期最多 1000 根，日线/周线最多 500 根。打开本页时每 60 秒自动刷新一次 K 线。
</div>
</details>
<div class="market-toolbar toolbar">
@@ -97,19 +97,22 @@
</div>
<p id="market-status" class="market-status"></p>
<div class="market-chart-wrap">
<div id="market-exchange-badge" class="market-exchange-badge" aria-hidden="true"></div>
<div class="market-ohlcv-overlay" aria-label="K线详情">
<div class="market-ohlcv-title">
<span id="mkt-exchange-label" class="mkt-exchange-tag"></span>
<span id="mkt-symbol-label">—</span>
<span id="mkt-tf-label">1d</span>
</div>
<div class="market-ohlcv-grid">
<div><span class="k">开</span><span id="mkt-o">—</span></div>
<div><span class="k">高</span><span id="mkt-h">—</span></div>
<div><span class="k">低</span><span id="mkt-l">—</span></div>
<div><span class="k">收</span><span id="mkt-c">—</span></div>
<div class="market-vol"><span class="k">量</span><span id="mkt-v">—</span></div>
<div class="market-ohlcv-row">
<span class="ohlcv-item"><span class="k">开</span><span id="mkt-o">—</span></span>
<span class="ohlcv-item"><span class="k">高</span><span id="mkt-h">—</span></span>
<span class="ohlcv-item"><span class="k">低</span><span id="mkt-l">—</span></span>
<span class="ohlcv-item"><span class="k">收</span><span id="mkt-c">—</span></span>
<span class="ohlcv-item market-vol"><span class="k">量</span><span id="mkt-v">—</span></span>
</div>
</div>
<button type="button" id="market-price-auto" class="market-price-auto is-on" title="价格轴自动缩放">自动</button>
<div id="market-chart" class="market-chart-host"></div>
</div>
</div>
@@ -179,7 +182,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.js?v=20260528-hub-market2"></script>
<script src="/assets/app.js?v=20260528-hub-market2"></script>
<script src="/assets/chart.js?v=20260528-hub-market3"></script>
<script src="/assets/app.js?v=20260528-hub-market3"></script>
</body>
</html>