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

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
+15 -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-market5" />
<link rel="stylesheet" href="/assets/app.css?v=20260528-hub-market6" />
</head>
<body>
<div class="app-bg" aria-hidden="true"></div>
@@ -93,12 +93,12 @@
<button type="button" id="market-load" class="primary">加载</button>
<button type="button" id="market-refresh" class="ghost">强制刷新</button>
<span class="toolbar-spacer"></span>
<span id="market-bar-countdown" class="toolbar-meta market-countdown"></span>
<span id="market-updated" class="toolbar-meta"></span>
</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-bar" aria-label="K线详情">
<div class="market-ohlcv-title">
<span id="mkt-exchange-label" class="mkt-exchange-tag"></span>
<span id="mkt-symbol-label"></span>
@@ -113,12 +113,17 @@
<span class="ohlcv-item"><span class="k">振幅</span><span id="mkt-amp"></span></span>
</div>
</div>
<div id="market-price-tag" class="market-price-tag hidden" aria-hidden="true">
<div id="market-price-tag-value" class="market-price-tag-value"></div>
<div id="market-price-tag-time" class="market-price-tag-time"></div>
<div class="market-chart-body">
<div id="market-exchange-badge" class="market-exchange-badge" aria-hidden="true"></div>
<div id="market-chart" class="market-chart-host"></div>
<div class="market-price-gutter">
<div id="market-price-tag" class="market-price-tag hidden" aria-hidden="true">
<div id="market-price-tag-value" class="market-price-tag-value"></div>
<div id="market-price-tag-time" class="market-price-tag-time"></div>
</div>
<button type="button" id="market-price-auto" class="market-price-auto is-on" title="价格轴自动缩放">自动</button>
</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>
@@ -187,7 +192,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-market5"></script>
<script src="/assets/app.js?v=20260528-hub-market5"></script>
<script src="/assets/chart.js?v=20260528-hub-market6"></script>
<script src="/assets/app.js?v=20260528-hub-market6"></script>
</body>
</html>