dekun
93 lines
3.6 KiB
HTML
93 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>币安 U本位 成交额 Top30</title>
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<h1>币安 U本位合约 · 成交额排名</h1>
|
|
<p class="subtitle">北京时间 08:00 切日 · Top30 · 日K+成交量+资金费率</p>
|
|
</header>
|
|
|
|
<nav class="main-nav" id="main-nav">
|
|
<button type="button" class="nav-item active" data-view="today">今日周期</button>
|
|
<button type="button" class="nav-item" data-view="yesterday">昨日周期</button>
|
|
<button type="button" class="nav-item" data-view="daybefore">前日周期</button>
|
|
<button type="button" class="nav-item" data-view="stats">数据统计</button>
|
|
</nav>
|
|
|
|
<main id="view-today" class="view-panel active">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>今日周期 <span class="live">实时</span></h2>
|
|
<span class="period" id="today-period">—</span>
|
|
<span class="updated" id="today-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="today">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="today">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="today-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-yesterday" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>昨日周期</h2>
|
|
<span class="period" id="yesterday-period">—</span>
|
|
<span class="updated" id="yesterday-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="yesterday">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="yesterday">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="yesterday-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-daybefore" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>前日周期</h2>
|
|
<span class="period" id="daybefore-period">—</span>
|
|
<span class="updated" id="daybefore-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="daybefore">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="daybefore">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="daybefore-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-stats" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>数据统计</h2>
|
|
<span class="period" id="stats-criteria">—</span>
|
|
<span class="updated" id="stats-summary"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" id="btn-reload-stats">重新统计</button>
|
|
<button type="button" class="btn-secondary" id="btn-export-stats">导出 CSV</button>
|
|
</div>
|
|
</div>
|
|
<p class="stats-desc" id="stats-desc"></p>
|
|
<div class="table-wrap" id="stats-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<button type="button" id="btn-refresh">立即刷新今日</button>
|
|
<span id="status"></span>
|
|
</footer>
|
|
|
|
<script src="/static/charts.js"></script>
|
|
<script src="/static/funding.js"></script>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|