This commit is contained in:
2025-11-27 17:30:02 +08:00
parent 32e663ea1c
commit 367510f99f
7 changed files with 142 additions and 207 deletions
+3 -57
View File
@@ -1,57 +1,3 @@
<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 }} &nbsp; 死亡 {{ m.deadcnt }} &nbsp; 助攻 {{ m.assistcnt }} &nbsp; 时长 {{ 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>
<div style="text-align:center; margin-bottom:20px;">
<img src="data:image/jpeg;base64,{{ img_base64 }}" style="max-width:100%; border-radius:10px;">
</div>
+33 -14
View File
@@ -1,22 +1,37 @@
<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;">
<table style="width:100%; border-collapse: collapse; position:relative;">
<tbody>
{% for m in data %}
<tr style="background:#fff; border-radius:10px; margin-bottom:12px;">
<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;">
<!-- 第一行:时间、地图、角色、星数、结果 -->
<div style="margin-bottom:6px;">
<span>{{ m.gametime }} · {{ m.mapName }}</span><br>
<span style="color:#607785;">{{ m.roleJobName }} · ⭐{{ m.stars }}</span><br>
<span style="padding: 2px 6px; border-radius:6px; font-size:13px;">
<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 }}
</span>
<span style="font-size:13px; color:#7b8b96; margin-left:6px;">评分 {{ m.gradeGame }}</span>
</div>
</div>
<!-- 第一行:时间、地图、角色、星数 -->
<div style="margin-bottom:6px; color:#607785;">
{{ m.gametime }} · {{ m.mapName }}<br>
{{ m.roleJobName }} · ⭐{{ m.stars }}
</div>
<!-- 第二行:击杀/死亡/助攻/时长 -->
@@ -24,10 +39,14 @@
击杀 {{ m.killcnt }} &nbsp; 死亡 {{ m.deadcnt }} &nbsp; 助攻 {{ m.assistcnt }} &nbsp; 时长 {{ m.time_str }}
</div>
<!-- 第三行:描述/隐-->
<div style="font-size:13px; color:#61707a;">
<span>{{ m.desc }}</span>
<span style="float:right;">巅峰赛积分 {{ m.oldMasterMatchScore }} → {{ m.newMasterMatchScore }}</span>
<!-- 第三行:-->
<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>