58 lines
3.2 KiB
HTML
58 lines
3.2 KiB
HTML
<div style="font-family: 'Microsoft YaHei', Arial, sans-serif; padding:20px; background:#f5f7fa; max-width:900px; margin:0 auto;">
|
|
<h1 style="text-align:center; font-size:28px; margin-bottom:20px;">王者荣耀 — 对局列表</h1>
|
|
|
|
<table style="width:100%; border-collapse: collapse; position:relative;">
|
|
<tbody>
|
|
{% for m in data %}
|
|
<tr style="background:#fff; border-radius:10px; margin-bottom:12px; position:relative;">
|
|
<td style="width:64px; padding:8px; vertical-align:top;">
|
|
<img src="{{ m.heroIcon }}" style="width:64px; height:64px; object-fit:cover; border-radius:8px;">
|
|
<!-- 对局描述 -->
|
|
<div style="margin-top:6px; font-size:16px; color:#444; font-weight:bold; text-align:center;">
|
|
{{ m.desc }}
|
|
</div>
|
|
</td>
|
|
<td style="padding:8px; vertical-align:top; position:relative;">
|
|
<!-- 胜负+MVP右上角 -->
|
|
<div style="position:absolute; top:8px; right:8px; display:flex; gap:6px; align-items:center;">
|
|
<!-- MVP -->
|
|
<div style="background:#b69f1c; color:#fff; font-weight:bold; padding:4px 8px; border-radius:6px; font-size:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
|
|
{{ m.MVP }}
|
|
</div>
|
|
<!-- 胜负 -->
|
|
<div style="background: {{ m.gameresult_bg }};
|
|
color: {{ m.gameresult_color }};
|
|
padding:6px 10px; border-radius:8px; font-weight:bold; font-size:14px;
|
|
box-shadow:0 2px 4px rgba(0,0,0,0.1);">
|
|
{{ m.gameresult_label }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 第一行：时间、地图、角色、星数 -->
|
|
<div style="margin-bottom:6px; color:#607785;">
|
|
{{ m.gametime }} · {{ m.mapName }}<br>
|
|
{{ m.roleJobName }} · ⭐{{ m.stars }}
|
|
</div>
|
|
|
|
<!-- 第二行：击杀/死亡/助攻/时长 -->
|
|
<div style="margin-bottom:6px; font-size:14px; color:#333;">
|
|
击杀 {{ m.killcnt }} 死亡 {{ m.deadcnt }} 助攻 {{ m.assistcnt }} 时长 {{ m.time_str }}
|
|
</div>
|
|
|
|
<!-- 第三行：评分 -->
|
|
<div style="font-size:15px; color:#000000; font-weight:bold; margin-bottom:6px;">
|
|
评分 {{ m.gradeGame }}
|
|
</div>
|
|
|
|
<!-- 隐藏分右下角 -->
|
|
<div style="position:absolute; bottom:8px; right:8px; font-size:14px; color:#056a3a; font-weight:bold;">
|
|
巅峰赛积分 {{ m.oldMasterMatchScore }} → {{ m.newMasterMatchScore }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr style="height:12px;"><td colspan="2"></td></tr> <!-- 间距 -->
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|