qsc20001102/astrbot_plugin_jx3
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
qsc20001102
2025-12-19 14:28:52 +08:00
parent 8e788dba5d
commit 0eb3ed64a7
1 changed files with 92 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/qiyuliebiao.html
+92 -31
View File
@@ -1,34 +1,95 @@
<div style="width: 800px; margin: 0 auto;"> <!DOCTYPE html>
<h1 style="text-align: center;" id="剑网三奇遇查询">剑网3奇遇查询</h1> <html lang="zh-CN">
<p style="text-align: center;">奇遇名称：{{ qiyuname }}　服务器：{{ server }}</p> <head>
<meta charset="UTF-8">
<title>区服奇遇</title>
<div style="overflow-x: auto; overflow-y: hidden;"> <style>
<table style="width: 100%; border-collapse: collapse; margin: 0 auto;"> body {
<thead> font-family: 'Microsoft YaHei', Arial, sans-serif;
<tr style="height: 50px; text-align: center;"> background: #f1f2f6;
<th style="border:1px solid #000; padding:4px;">奇遇名称</th> margin: 0;
<th style="border:1px solid #000; padding:4px;">服务器</th> padding: 20px;
<th style="border:1px solid #000; padding:4px;">角色名称</th> }
<th style="border:1px solid #000; padding:4px;">触发时间</th>
</tr> .container {
</thead> max-width: 1300px;
<tbody> margin: 0 auto;
{% for item in items %} text-align: center; /* ★ 让容器内标题更自然居中 */
<tr style="height: 45px; text-align: center;"> }
<td style="border:1px solid #000; padding:4px;">{{ item.adventureName }}</td>
<td style="border:1px solid #000; padding:4px;">{{ server }}</td> h1 {
<td style="border:1px solid #000; padding:4px;">{{ item.gameName }}</td> font-size: 32px;
<td style="border:1px solid #000; padding:4px;">{{ item.time }}</td> margin-bottom: 25px;
</tr> color: #222;
{% endfor %} font-weight: 800;
</tbody> text-align: center; /* ★ 强制居中 */
</table> }
</div>
table {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
margin-top: 10px;
text-align: left; /* 不影响表格内容 */
}
thead {
background: #d93939;
color: white;
font-size: 18px;
}
th, td {
padding: 14px 12px;
border-bottom: 1px solid #eee;
font-size: 16px;
}
tbody tr:hover {
background: #fff2f2;
}
.text-col {
max-width: 360px;
line-height: 1.5em;
word-break: break-word;
font-weight: 600;
color: #333;
}
</style>
</head>
<body>
<div class="container">
<h1>区服奇遇</h1>
<table>
<thead>
<tr>
<th>奇遇名称</th>
<th>服务器</th>
<th>触发角色</th>
<th>触发时间</th>
</tr>
</thead>
<tbody>
{% for m in items %}
<tr>
<td>{{ m.adventureName }}</td>
<td>{{ server }}</td>
<td>{{ m.gameName }}</td>
<td>{{ m.time }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<!-- 可在这里插入 Base64 图片 -->
<div style="text-align: center; margin-top: 20px;">
<img src="data:image/png;base64, {{ your_base64_string }}"
alt="奇遇趋势图"
style="max-width: 100%; height: auto;" />
</div>
</div> </div>
</body>
</html>