34 lines
3.7 KiB
HTML
34 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN"><head><meta charset="UTF-8"><title>接口2女5种发型 - Plan B</title>
|
||
<style>
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{font-family:sans-serif;background:#1a1a2e;color:#e0e0e0;padding:20px}
|
||
h1{text-align:center;color:#00d4ff;margin-bottom:10px}
|
||
.subtitle{text-align:center;color:#888;margin-bottom:30px;font-size:14px}
|
||
.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:30px}
|
||
.card{background:#16213e;border-radius:12px;padding:20px;text-align:center;border:1px solid #333}
|
||
.card .num{font-size:28px;font-weight:700}
|
||
.card .label{font-size:12px;color:#888;margin-top:5px}
|
||
.card.ok .num{color:#0f0} .card.err .num{color:#f44} .card.time .num{color:#00d4ff}
|
||
table{width:100%;border-collapse:collapse;margin-bottom:30px;background:#16213e;border-radius:12px;overflow:hidden}
|
||
th{background:#0f3460;padding:10px 8px;text-align:center;font-size:13px;color:#fff}
|
||
td{padding:8px;text-align:center;border-bottom:1px solid #222;font-size:13px}
|
||
tr:hover{background:#1a1a3e}
|
||
.section-title{font-size:18px;font-weight:600;margin:30px 0 15px;color:#00d4ff;border-bottom:1px solid #333;padding-bottom:10px}
|
||
.ok{color:#0f0} .fail{color:#f44}
|
||
.time-bar{display:inline-block;height:18px;background:linear-gradient(90deg,#0f3460,#00d4ff);border-radius:3px;vertical-align:middle;min-width:2px}
|
||
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
|
||
.gallery img{width:100%;border-radius:8px;border:1px solid #333}
|
||
.gallery .item{text-align:center}
|
||
.gallery .cap{margin-top:5px;font-size:12px;color:#888}
|
||
</style></head><body>
|
||
<h1>📊 接口2女性5种发型测试报告</h1>
|
||
<div class="subtitle">Plan B ｜ 2026-07-18 13:52:20 ｜ 5 次调用</div>
|
||
<div class="summary">
|
||
<div class="card ok"><div class="num">5</div><div class="label">成功</div></div>
|
||
<div class="card err"><div class="num">0</div><div class="label">失败</div></div>
|
||
<div class="card time"><div class="num">8.5s</div><div class="label">平均耗时</div></div>
|
||
</div>
|
||
<div class="section-title">详细结果</div>
|
||
<table><thead><tr><th>发型</th><th>名称</th><th>耗时</th><th>显存前</th><th>显存后</th><th>Δ</th><th>状态</th></tr></thead><tbody>
|
||
<tr><td>style 1</td><td>椭圆</td><td><div class="time-bar" style="width:130.65px"></div> 8.7s</td><td>24981MB</td><td>25025MB</td><td>+44</td><td><span class="ok">✓</span></td></tr><tr><td>style 2</td><td>花瓣</td><td><div class="time-bar" style="width:125.54999999999998px"></div> 8.4s</td><td>25025MB</td><td>27451MB</td><td>+2426</td><td><span class="ok">✓</span></td></tr><tr><td>style 3</td><td>心形</td><td><div class="time-bar" style="width:125.54999999999998px"></div> 8.4s</td><td>27451MB</td><td>27431MB</td><td>-20</td><td><span class="ok">✓</span></td></tr><tr><td>style 4</td><td>直线</td><td><div class="time-bar" style="width:127.5px"></div> 8.5s</td><td>27431MB</td><td>27433MB</td><td>+2</td><td><span class="ok">✓</span></td></tr><tr><td>style 5</td><td>波浪</td><td><div class="time-bar" style="width:126.0px"></div> 8.4s</td><td>27433MB</td><td>27407MB</td><td>-26</td><td><span class="ok">✓</span></td></tr></tbody></table><div class="section-title">生成图片</div><div class="gallery"><div class="item"><img src="hair_style_1_椭圆.jpg"><div class="cap">椭圆 (8.7s)</div></div><div class="item"><img src="hair_style_2_花瓣.jpg"><div class="cap">花瓣 (8.4s)</div></div><div class="item"><img src="hair_style_3_心形.jpg"><div class="cap">心形 (8.4s)</div></div><div class="item"><img src="hair_style_4_直线.jpg"><div class="cap">直线 (8.5s)</div></div><div class="item"><img src="hair_style_5_波浪.jpg"><div class="cap">波浪 (8.4s)</div></div></div></body></html> |