dekun
78 lines
2.9 KiB
HTML
78 lines
2.9 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>
|
|
<h1>币安 U本位合约 · 成交额排名</h1>
|
|
<p class="subtitle">北京时间 08:00 切日 · Top30 · 合约右侧 300 日K+成交量 · 点击图表放大查看</p>
|
|
</header>
|
|
|
|
<section class="panel" id="panel-yesterday">
|
|
<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">
|
|
<table data-table="yesterday">
|
|
<thead>
|
|
<tr>
|
|
<th class="sortable" data-sort="rank">排名</th>
|
|
<th class="sortable" data-sort="symbol">合约</th>
|
|
<th class="chart-col">日线图</th>
|
|
<th class="sortable" data-sort="quote_volume">成交额 (USDT)</th>
|
|
<th class="sortable" data-sort="price_change_pct">涨跌幅</th>
|
|
<th class="sortable" data-sort="tags">标记</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="yesterday-body"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel" id="panel-today">
|
|
<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">
|
|
<table data-table="today">
|
|
<thead>
|
|
<tr>
|
|
<th class="sortable" data-sort="rank">排名</th>
|
|
<th class="sortable" data-sort="symbol">合约</th>
|
|
<th class="chart-col">日线图</th>
|
|
<th class="sortable" data-sort="quote_volume">成交额 (USDT)</th>
|
|
<th class="sortable" data-sort="price_change_pct">涨跌幅</th>
|
|
<th class="sortable" data-sort="tags">标记</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="today-body"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<button type="button" id="btn-refresh">立即刷新今日</button>
|
|
<span id="status"></span>
|
|
</footer>
|
|
|
|
<script src="/static/charts.js"></script>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|