Align header title and ETH/BTC quotes with crypto_okx.

Match fullwidth title separator, page spacing, and move live tickers into the nav right column using the same spot-ticker UI/API.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-14 19:27:33 +08:00
parent 22de1fd40c
commit 1d71414c56
13 changed files with 511 additions and 286 deletions
@@ -1,24 +1,4 @@
{# 顶栏品牌标题 + 右上角 ETH/BTC 报价(与期权仓同款) #}
<div class="header header--brand">
<h1 class="brand-title">
<span class="brand-prefix">加密货币</span>
<span class="brand-sep" aria-hidden="true">|</span>
<span class="brand-product">OKX 对冲</span>
</h1>
<div class="header-live-quotes" id="header-live-quotes" aria-label="ETH/BTC 行情">
<div class="hlq-row" data-base="ETH">
<span class="hlq-icon hlq-icon--eth" aria-hidden="true"></span>
<span class="hlq-sym">ETHUSDT</span>
<span class="hlq-last" data-hlq="last">—</span>
<span class="hlq-chg" data-hlq="chg">—</span>
<span class="hlq-pct" data-hlq="pct">—</span>
</div>
<div class="hlq-row" data-base="BTC">
<span class="hlq-icon hlq-icon--btc" aria-hidden="true"></span>
<span class="hlq-sym">BTCUSDT</span>
<span class="hlq-last" data-hlq="last">—</span>
<span class="hlq-chg" data-hlq="chg">—</span>
<span class="hlq-pct" data-hlq="pct">—</span>
</div>
</div>
{# 顶栏品牌标题 — 与 crypto_okx 同款字体/间距(全角分隔符) #}
<div class="header">
<h1>加密货币|OKX 对冲</h1>
</div>