{% extends "base.html" %}
{% block title %}总览 · 加密货币｜OKX 期权中控{% endblock %}
{% block body %}
<section class="page-head overview-head">
  <h1>期权持仓总览</h1>
  <div class="overview-head-right">
    <div class="top-nav-spot-tickers" id="nav-spot-tickers" aria-label="BTC ETH 报价" title="来自在线客户端 · 相对北京 08:00">
      <div class="nav-spot-row" data-base="ETH">
        <span class="nav-spot-ribbon" aria-hidden="true"></span>
        <span class="nav-spot-icon nav-spot-icon--eth" aria-hidden="true">Ξ</span>
        <span class="nav-spot-sym">ETHUSDT</span>
        <span class="nav-spot-last" data-field="last">—</span>
        <span class="nav-spot-chg" data-field="change">—</span>
        <span class="nav-spot-pct" data-field="change_pct">—</span>
      </div>
      <div class="nav-spot-row" data-base="BTC">
        <span class="nav-spot-ribbon" aria-hidden="true"></span>
        <span class="nav-spot-icon nav-spot-icon--btc" aria-hidden="true">₿</span>
        <span class="nav-spot-sym">BTCUSDT</span>
        <span class="nav-spot-last" data-field="last">—</span>
        <span class="nav-spot-chg" data-field="change">—</span>
        <span class="nav-spot-pct" data-field="change_pct">—</span>
      </div>
    </div>
    <div class="overview-head-clock-row">
      <div class="overview-bj-clock" id="overview-bj-clock" title="Asia/Shanghai">
        <span class="overview-bj-label">北京时间</span>
        <time class="overview-bj-time" id="overview-bj-time" datetime="">--</time>
        <span class="overview-bj-meta" id="overview-bj-meta"></span>
      </div>
      <button type="button" class="btn" id="btn-refresh">刷新</button>
    </div>
  </div>
</section>
<p class="muted" id="overview-status">加载中…</p>
<section class="overview-summary" id="overview-summary" hidden></section>
<div id="overview-grid"></div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='hub.js') }}?v=23"></script>
<script>HubOverview.boot();</script>
{% endblock %}