中控顶栏对齐实例:标题改为加密货币|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
+37 -11
View File
@@ -3,21 +3,41 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}期权中控{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=22">
<title>{% block title %}加密货币|OKX 期权中控{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=23">
</head>
<body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path.startswith('/instances') %}page-instances{% elif request.path == '/' %}page-dashboard{% endif %}">
{% if session.get('logged_in') %}
<header class="topbar">
<a href="/" class="topbar-brand">期权中控</a>
<nav class="topbar-nav">
<a href="/" class="{% if request.path == '/' %}active{% endif %}">总览</a>
<a href="/cond_orders" class="{% if request.path.startswith('/cond_orders') %}active{% endif %}">条件单</a>
<a href="/instances" class="{% if request.path.startswith('/instances') %}active{% endif %}">实例</a>
<a href="/desk" class="{% if request.path.startswith('/desk') %}active{% endif %}">工作台</a>
<a href="/stats" class="{% if request.path.startswith('/stats') %}active{% endif %}">数据统计</a>
<a href="/settings" class="{% if request.path.startswith('/settings') %}active{% endif %}">系统设置</a>
</nav>
<a href="/" class="topbar-brand">加密货币|OKX 期权中控</a>
<div class="topbar-row">
<nav class="topbar-nav">
<a href="/" class="{% if request.path == '/' %}active{% endif %}">总览</a>
<a href="/cond_orders" class="{% if request.path.startswith('/cond_orders') %}active{% endif %}">条件单</a>
<a href="/instances" class="{% if request.path.startswith('/instances') %}active{% endif %}">实例</a>
<a href="/desk" class="{% if request.path.startswith('/desk') %}active{% endif %}">工作台</a>
<a href="/stats" class="{% if request.path.startswith('/stats') %}active{% endif %}">数据统计</a>
<a href="/settings" class="{% if request.path.startswith('/settings') %}active{% endif %}">系统设置</a>
</nav>
<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>
<a href="/logout" class="topbar-logout">退出</a>
</header>
{% endif %}
@@ -27,6 +47,12 @@
{% endwith %}
{% block body %}{% endblock %}
</main>
{% if session.get('logged_in') %}
<script src="{{ url_for('static', filename='hub_quotes.js') }}?v=1"></script>
{% endif %}
{% block scripts %}{% endblock %}
{% if session.get('logged_in') %}
<script>if (window.HubQuotes) HubQuotes.boot();</script>
{% endif %}
</body>
</html>
+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 %}
+1 -1
View File
@@ -3,7 +3,7 @@
{% block body %}
<div class="login-wrap">
<section class="login-card">
<h1>期权中控</h1>
<h1>加密货币|OKX 期权中控</h1>
<p class="login-sub">多机期权持仓总览 · 内嵌打开客户端 · 本仓不下单</p>
{# 诱饵字段 + readonly/聚焦解锁,避免浏览器自动填入用户名密码 #}
<form method="post" class="stack login-form" autocomplete="off" data-lpignore="true" data-1p-ignore="true">