79 lines
3.6 KiB
HTML
79 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>模型评测 · 运行速度排行</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="topbar">
|
|
<div class="brand"><span class="logo">⚡</span> 模型评测站</div>
|
|
<nav class="nav">
|
|
<a href="/index.html">🏆 速度排行</a>
|
|
<a href="/capabilities.html">🧪 能力测试</a>
|
|
<a href="/compare.html">⚖️ 模型对比</a>
|
|
</nav>
|
|
<div class="spacer"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<!-- 网页最上面居中：全局搜索（点击热门5个，选中跳详情） -->
|
|
<div class="top-search">
|
|
<input type="text" id="top-search" placeholder="🔍 搜索模型 / 提供商 / 配置简介…（点击输入框显示热门5个，选中跳转详情页）">
|
|
<div class="search-drop" id="top-search-drop" hidden></div>
|
|
</div>
|
|
|
|
<div class="stat-cards">
|
|
<div class="stat-card"><div class="k">评测模型数</div><div class="v" id="st-models">—</div></div>
|
|
<div class="stat-card"><div class="k">评测提交数</div><div class="v" id="st-subs">—</div></div>
|
|
<div class="stat-card"><div class="k">测试账号数</div><div class="v" id="st-accounts">—</div></div>
|
|
<div class="stat-card"><div class="k">成功采样</div><div class="v" id="st-samples">—</div></div>
|
|
<div class="stat-card"><div class="k">能力测试项</div><div class="v" id="st-caps">—</div></div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<h2>🏆 模型运行速度排行 <span class="hint">（默认显示热度最高的前10个；下方搜索框可把指定速度项添加进本区域查看）</span></h2>
|
|
<div class="search-wrap" style="position:relative;margin-bottom:10px">
|
|
<input type="text" id="lb-search" placeholder="🔍 搜索并「添加」具体速度项到下方列表中查看…（点击显示热门5个）" style="width:100%;max-width:480px">
|
|
<div class="search-drop" id="lb-search-drop" hidden></div>
|
|
</div>
|
|
<div class="form-row" id="lb-pinned" style="margin-bottom:8px"></div>
|
|
<div class="tbl-wrap">
|
|
<table id="lb">
|
|
<thead></thead>
|
|
<tbody><tr><td colspan="13" class="empty">加载中…</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<h2>📊 运行速度对比图 <span class="hint">（要对比的模型列表：每项可✕掉，点排行榜「+对比」可添加，清空一键去除）</span></h2>
|
|
<div class="hint" style="margin-bottom:8px">要对比的模型列表（默认对比全部）：</div>
|
|
<div class="chips" id="lb-chart-models"></div>
|
|
<div class="form-row" style="margin-top:10px">
|
|
<button class="btn small" id="lb-chart-all">✅ 全选</button>
|
|
<button class="btn small" id="lb-chart-clear">🗑 清空</button>
|
|
<button class="btn small primary" id="lb-chart-gen">🎨 生成/刷新图表</button>
|
|
<button class="btn small" id="lb-chart-dl">⬇ 下载 PNG</button>
|
|
<span class="hint" id="lb-chart-status"></span>
|
|
</div>
|
|
<div class="chart-img-wrap" id="lb-chart-img">
|
|
<div class="hint">运行速度对比：预填充（左轴·空心柱）+ 解码（右轴·实心柱）+ 首字延迟（虚线）</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 对比车 -->
|
|
<div id="cart-bar" hidden>
|
|
<span class="cart-label">🛒 对比车 (<b id="cart-count">0</b>)</span>
|
|
<span class="cart-items" id="cart-items"></span>
|
|
<button class="btn small danger" id="cart-clear">清空</button>
|
|
<button class="btn small primary" id="cart-go">⚖️ 对比</button>
|
|
</div>
|
|
|
|
<div id="toast"></div>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|