增加排名
This commit is contained in:
+67
-55
@@ -7,66 +7,78 @@
|
||||
<link rel="stylesheet" href="/static/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<header class="site-header">
|
||||
<h1>币安 U本位合约 · 成交额排名</h1>
|
||||
<p class="subtitle">Top30 · 日K+成交量 · 资金费率当前+历史曲线 · 点击图表放大</p>
|
||||
<p class="subtitle">北京时间 08:00 切日 · Top30 · 日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="funding-col">资金费率</th>
|
||||
<th class="sortable" data-sort="tags">标记</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="yesterday-body"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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="funding-col">资金费率</th>
|
||||
<th class="sortable" data-sort="tags">标记</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="today-body"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user