fix: 进度条改用 table 实现 (Gmail 兼容)
嵌套 div 被 Gmail 过滤导致进度条消失, 且后续 HTML 丢失。 改用 table 实现: 灰色背景轨道 200px, 蓝色填充按利用率百分比。 50% → 100px 蓝色长条, 0% → 无蓝色填充
This commit is contained in:
@@ -568,11 +568,14 @@ def _render_html(data: dict, base_url: str) -> str:
|
||||
# 24h 趋势 HTML
|
||||
if data["stats_24h"]:
|
||||
s = data["stats_24h"]
|
||||
# 进度条: 用 table 实现 (Gmail 兼容), 宽 200px, 蓝色按利用率百分比填充
|
||||
sample_rows = "".join(
|
||||
f'<tr><td style="padding:4px 12px;font-family:monospace">{_fmt_ts(smp.timestamp, "%m-%d %H:%M")}</td>'
|
||||
f'<td style="padding:4px 12px;text-align:right;font-weight:bold">{smp.utilization:.1f}%</td>'
|
||||
f'<td style="padding:4px 12px">'
|
||||
f'<span style="background:#007bff;color:#fff;padding:2px 6px;border-radius:2px;font-size:11px;font-weight:bold">{smp.utilization:.1f}%</span>'
|
||||
f'<table style="width:200px;background:#e0e0e0;border-radius:2px;height:8px">'
|
||||
f'<tr><td style="width:{max(0, min(200, int(round(smp.utilization / 100 * 200))))}px;background:{DOMAIN_COLORS.get("downloaded", "#007bff")};border-radius:2px;height:8px"></td></tr>'
|
||||
f'</table>'
|
||||
f'</td></tr>'
|
||||
for smp in data["samples_24h"]
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user