中控顶栏对齐实例:标题改为加密货币|OKX 期权中控,导航用卡片,报价放右侧。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-04 20:02:26 +08:00
parent 2c21f5e675
commit dcee212434
6 changed files with 306 additions and 216 deletions
+2 -16
View File
@@ -1,22 +1,8 @@
{% extends "base.html" %}
{% block title %}总览 · 期权中控{% endblock %}
{% block title %}总览 · 加密货币|OKX 期权中控{% endblock %}
{% block body %}
<section class="page-head">
<h1>期权持仓总览</h1>
<div class="overview-quotes" id="overview-quotes" title="来自在线客户端 · 相对北京 08:00">
<div class="overview-quote-row" data-base="ETH">
<span class="overview-quote-sym">ETH</span>
<span class="overview-quote-last" data-field="last">—</span>
<span class="overview-quote-chg" data-field="change">—</span>
<span class="overview-quote-pct" data-field="change_pct">—</span>
</div>
<div class="overview-quote-row" data-base="BTC">
<span class="overview-quote-sym">BTC</span>
<span class="overview-quote-last" data-field="last">—</span>
<span class="overview-quote-chg" data-field="change">—</span>
<span class="overview-quote-pct" data-field="change_pct">—</span>
</div>
</div>
<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>
@@ -29,6 +15,6 @@
<div id="overview-grid"></div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='hub.js') }}?v=21"></script>
<script src="{{ url_for('static', filename='hub.js') }}?v=22"></script>
<script>HubOverview.boot();</script>
{% endblock %}