2026-09-02 13:38:07 +08:00
|
|
|
<!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">
|
|
|
|
|
<div class="panel">
|
2026-09-02 13:59:57 +08:00
|
|
|
<h2>⚖️ 模型对比 <span class="hint">（默认对比前5个；有对比车则按加入顺序对比；默认只对比预填充+解码）</span></h2>
|
2026-09-02 13:38:07 +08:00
|
|
|
|
2026-09-02 13:59:57 +08:00
|
|
|
<div class="hint" style="margin-bottom:8px">① 选择要对比的模型（来自对比车，或默认前5；可勾选增删）：</div>
|
2026-09-02 13:38:07 +08:00
|
|
|
<div class="chips" id="cmp-models"></div>
|
|
|
|
|
<div class="form-row" style="margin-top:8px">
|
|
|
|
|
<button class="btn small" id="cmp-all">✅ 全选</button>
|
|
|
|
|
<button class="btn small" id="cmp-none">❌ 清空</button>
|
2026-09-02 13:59:57 +08:00
|
|
|
<button class="btn small danger" id="cmp-clear-cart">🗑 清空对比车</button>
|
2026-09-02 13:38:07 +08:00
|
|
|
</div>
|
|
|
|
|
|
2026-09-02 13:59:57 +08:00
|
|
|
<div class="hint" style="margin:12px 0 6px">② 勾选需要展示的对比项（可去留，默认预填充+解码）：</div>
|
2026-09-02 13:38:07 +08:00
|
|
|
<div class="col-toggles" id="cmp-cols"></div>
|
|
|
|
|
|
|
|
|
|
<div class="form-row" style="margin-top:10px">
|
|
|
|
|
<button class="btn primary" id="cmp-run">🔄 生成对比</button>
|
|
|
|
|
<span class="hint" id="cmp-status"></span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tbl-wrap" style="margin-top:12px">
|
|
|
|
|
<table id="cmp-table"><thead></thead><tbody></tbody></table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel">
|
2026-09-02 13:59:57 +08:00
|
|
|
<h2>📊 运行速度对比图 <span class="hint">（柱状·空心/实心 / 折线·实线/虚线 / 左右双轴 / 三色深度 / X轴可旋转防拥挤）</span></h2>
|
|
|
|
|
<div class="hint" style="margin-bottom:8px">③ 每个系列设置类型与左右轴，颜色按深浅三色区分；默认只对比预填充（左轴·空心柱）+ 解码（右轴·实心柱）：</div>
|
|
|
|
|
<div class="tbl-wrap">
|
|
|
|
|
<table class="mini" id="cmp-series-cfg">
|
|
|
|
|
<thead><tr><th>系列</th><th>显示</th><th>类型</th><th>轴</th><th>颜色</th></tr></thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-row" style="margin-top:10px">
|
|
|
|
|
<label>X轴标签旋转</label>
|
|
|
|
|
<select id="cmp-xrotate">
|
|
|
|
|
<option value="auto">自动</option>
|
|
|
|
|
<option value="0">水平 0°</option>
|
|
|
|
|
<option value="30">30°</option>
|
|
|
|
|
<option value="45">45°</option>
|
|
|
|
|
<option value="60">60°</option>
|
|
|
|
|
<option value="90">垂直 90°</option>
|
2026-09-02 13:38:07 +08:00
|
|
|
</select>
|
2026-09-02 13:59:57 +08:00
|
|
|
<label>标签字号</label>
|
|
|
|
|
<input type="number" id="cmp-xfont" value="12" min="9" max="22" style="width:64px">
|
|
|
|
|
<label>标签间隔</label>
|
|
|
|
|
<select id="cmp-xinterval">
|
|
|
|
|
<option value="auto">不跳(全显示)</option>
|
|
|
|
|
<option value="1">隔1个</option>
|
|
|
|
|
<option value="2">隔2个</option>
|
|
|
|
|
<option value="3">隔3个</option>
|
2026-09-02 13:38:07 +08:00
|
|
|
</select>
|
|
|
|
|
<button class="btn small primary" id="cmp-chart-gen">🎨 生成/刷新图表</button>
|
2026-09-02 17:51:56 +08:00
|
|
|
<button class="btn small" id="cmp-chart-dl">⬇ 下载 PNG</button>
|
2026-09-02 13:38:07 +08:00
|
|
|
<span class="hint" id="cmp-chart-status"></span>
|
|
|
|
|
</div>
|
2026-09-02 13:59:57 +08:00
|
|
|
<div class="chart-img-wrap" id="cmp-chart-img"><div class="hint">配置好后点击生成；底部横轴字太多可旋转/加间隔避免挤在一起</div></div>
|
2026-09-02 13:38:07 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-09-02 13:59:57 +08:00
|
|
|
<!-- 对比车 -->
|
|
|
|
|
<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>
|
|
|
|
|
|
2026-09-02 13:38:07 +08:00
|
|
|
<div id="toast"></div>
|
|
|
|
|
<script src="/js/app.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
