OK
This commit is contained in:
@@ -0,0 +1,134 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>帮战记录</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
background: #f1f2f6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #2c2c33;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1180px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: #d93939;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 11px 9px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.zone-col,
|
||||
.server-col {
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.tong-col {
|
||||
min-width: 150px;
|
||||
max-width: 220px;
|
||||
color: #333;
|
||||
font-weight: 700;
|
||||
word-break: break-word;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.time-col {
|
||||
min-width: 148px;
|
||||
color: #60657a;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.duration-col {
|
||||
width: 120px;
|
||||
color: #d93939;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 800;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>帮战记录</h1>
|
||||
<div class="meta">{{ server }} ｜ 更新时间：{{ update_time }}</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>区服</th>
|
||||
<th>服务器</th>
|
||||
<th>宣战帮会</th>
|
||||
<th>应战帮会</th>
|
||||
<th>开始时间</th>
|
||||
<th>持续时间</th>
|
||||
<th>结束时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for item in items %}
|
||||
<tr>
|
||||
<td class="zone-col">{{ item.zoneName }}</td>
|
||||
<td class="server-col">{{ item.serverName }}</td>
|
||||
<td class="tong-col">{{ item.declaringTongName }}</td>
|
||||
<td class="tong-col">{{ item.acceptingTongName }}</td>
|
||||
<td class="time-col">{{ item.startTime }}</td>
|
||||
<td class="duration-col">{{ item.matchDuration }}</td>
|
||||
<td class="time-col">{{ item.endTime }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,177 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>关隘首领</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
background: #f1f2f6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #2c2c33;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1180px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 0 0 12px 0;
|
||||
color: #222;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.section-title::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 5px;
|
||||
height: 28px;
|
||||
background: #d93939;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: #d93939;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 11px 9px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
tbody tr.camp-eren {
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
tbody tr.camp-haoqi {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.camp-col,
|
||||
.status-col {
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.castle-col {
|
||||
min-width: 120px;
|
||||
font-weight: 800;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
tr.camp-eren .castle-col {
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
tr.camp-haoqi .castle-col {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.time-col,
|
||||
.remain-col {
|
||||
min-width: 150px;
|
||||
color: #60657a;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.remain-col {
|
||||
color: #d93939;
|
||||
font-weight: 800;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>关隘首领</h1>
|
||||
<div class="meta">更新时间：{{ update_time }}</div>
|
||||
|
||||
{% for group in groups %}
|
||||
<div class="section">
|
||||
<div class="section-title">{{ group.server }}</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>归属</th>
|
||||
<th>关隘名称</th>
|
||||
<th>状态</th>
|
||||
<th>开始时间</th>
|
||||
<th>结束时间</th>
|
||||
<th>剩余时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for item in group.records %}
|
||||
<tr
|
||||
{% if item.camp_name == '恶人谷' %}
|
||||
class="camp-eren"
|
||||
{% elif item.camp_name == '浩气盟' %}
|
||||
class="camp-haoqi"
|
||||
{% endif %}
|
||||
>
|
||||
<td class="camp-col">{{ item.camp_name }}</td>
|
||||
<td class="castle-col">{{ item.castle }}</td>
|
||||
<td class="status-col">{{ item.str_status }}</td>
|
||||
<td class="time-col">{{ item.start_time }}</td>
|
||||
<td class="time-col">{{ item.end_time }}</td>
|
||||
<td class="remain-col">{{ item.remaining_time }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+105
-15
@@ -321,13 +321,13 @@ body {
|
||||
.usage {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
padding: 5px 8px;
|
||||
padding: 6px 9px;
|
||||
border-radius: 9px;
|
||||
background: rgba(23, 32, 51, 0.055);
|
||||
color: #24324f;
|
||||
font-family: Consolas, "SFMono-Regular", "Courier New", monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -369,7 +369,7 @@ body {
|
||||
<h1>剑三机器人功能指令</h1>
|
||||
<p>按使用场景重新分组，保留每条指令的名称、使用示例与说明。卡片底色表示指令是否需要令牌，免令牌与需令牌功能一眼区分。</p>
|
||||
<div class="hero-stats">
|
||||
<div class="stat"><b>77</b><span>条指令</span></div>
|
||||
<div class="stat"><b>87</b><span>条指令</span></div>
|
||||
<div class="stat"><b>16</b><span>个功能分组</span></div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -491,9 +491,9 @@ body {
|
||||
<h2>杂项功能</h2>
|
||||
</div>
|
||||
<div class="section-meta">
|
||||
<span class="mini">6 条</span>
|
||||
<span class="mini">7 条</span>
|
||||
<span class="mini">免令牌 4</span>
|
||||
<span class="mini">需令牌 2</span>
|
||||
<span class="mini">需令牌 3</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-grid">
|
||||
@@ -542,6 +542,15 @@ body {
|
||||
<code class="usage">八卦 类型</code>
|
||||
<p class="desc">查询 818 / 616 / 避雷等八卦记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">解密</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">解密</code>
|
||||
<p class="desc">查询当前机关解密结果与下轮时间。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
@@ -633,9 +642,9 @@ body {
|
||||
<h2>交易功能</h2>
|
||||
</div>
|
||||
<div class="section-meta">
|
||||
<span class="mini">3 条</span>
|
||||
<span class="mini">4 条</span>
|
||||
|
||||
<span class="mini">需令牌 3</span>
|
||||
<span class="mini">需令牌 4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-grid">
|
||||
@@ -666,6 +675,15 @@ body {
|
||||
<code class="usage">交易行 物品名称 [服务器]</code>
|
||||
<p class="desc">查询指定物品交易行价格与挂单信息。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">贴吧物价</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">贴吧物价 物品名称 [记录数量] [服务器]</code>
|
||||
<p class="desc">查询指定物品的贴吧交易记录。</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -801,9 +819,9 @@ body {
|
||||
<h2>阵营功能</h2>
|
||||
</div>
|
||||
<div class="section-meta">
|
||||
<span class="mini">2 条</span>
|
||||
<span class="mini">6 条</span>
|
||||
<span class="mini">免令牌 1</span>
|
||||
<span class="mini">需令牌 1</span>
|
||||
<span class="mini">需令牌 5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-grid">
|
||||
@@ -826,6 +844,42 @@ body {
|
||||
<p class="desc">查询阵营拍卖物品及服务器记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">阵营事件</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">阵营事件</code>
|
||||
<p class="desc">查询跨服阵营事件记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">关隘首领</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">关隘首领</code>
|
||||
<p class="desc">查询各分线关隘首领状态与剩余时间。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">帮战记录</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">帮战记录 [服务器]</code>
|
||||
<p class="desc">查询指定服务器帮战记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">统战歪歪</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">统战 [服务器]</code>
|
||||
<p class="desc">查询指定服务器阵营统战 YY 信息。</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -977,9 +1031,9 @@ body {
|
||||
<h2>活动功能</h2>
|
||||
</div>
|
||||
<div class="section-meta">
|
||||
<span class="mini">3 条</span>
|
||||
<span class="mini">6 条</span>
|
||||
|
||||
<span class="mini">需令牌 3</span>
|
||||
<span class="mini">需令牌 6</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-grid">
|
||||
@@ -993,6 +1047,33 @@ body {
|
||||
<p class="desc">查询指定服务器扶摇九天活动记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">诛恶事件</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">诛恶事件</code>
|
||||
<p class="desc">查询诛恶事件服务器、地图和时间记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">本日赤兔</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">本日赤兔</code>
|
||||
<p class="desc">查询本日赤兔时间、区服和地图记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">本周赤兔</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">本周赤兔</code>
|
||||
<p class="desc">查询本周赤兔时间、区服和地图记录。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">马场刷新</div>
|
||||
@@ -1065,9 +1146,9 @@ body {
|
||||
<h2>排行功能</h2>
|
||||
</div>
|
||||
<div class="section-meta">
|
||||
<span class="mini">18 条</span>
|
||||
<span class="mini">19 条</span>
|
||||
|
||||
<span class="mini">需令牌 18</span>
|
||||
<span class="mini">需令牌 19</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-grid">
|
||||
@@ -1080,6 +1161,15 @@ body {
|
||||
<code class="usage">资历排行 职业 [服务器]</code>
|
||||
<p class="desc">查询指定职业资历排行榜。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
<div class="cmd-name">试炼排行</div>
|
||||
<div class="source-tag">需令牌</div>
|
||||
</div>
|
||||
<code class="usage">试炼排行 心法 [服务器]</code>
|
||||
<p class="desc">查询指定心法木桩试炼排行榜。</p>
|
||||
</article>
|
||||
|
||||
<article class="cmd-card advanced-source">
|
||||
<div class="cmd-top">
|
||||
@@ -1359,4 +1449,4 @@ body {
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>试炼排行</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
background: #f1f2f6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #2c2c33;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: #d93939;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 12px 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.rank-col,
|
||||
.number-col {
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.rank-col {
|
||||
width: 60px;
|
||||
color: #d93939;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.role-col {
|
||||
min-width: 180px;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.score-col {
|
||||
color: #d93939;
|
||||
font-weight: 800;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>{{ name }} 试炼排行</h1>
|
||||
<div class="meta">{{ server }} ｜ 更新时间：{{ update_time }}</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>排名</th>
|
||||
<th>角色名</th>
|
||||
<th>装备分数</th>
|
||||
<th>最高层数</th>
|
||||
<th>排名积分</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for item in items %}
|
||||
<tr>
|
||||
<td class="rank-col">{{ loop.index }}</td>
|
||||
<td class="role-col">{{ item.role_name }}</td>
|
||||
<td class="number-col">{{ item.equip_score }}</td>
|
||||
<td class="number-col">{{ item.max_level }}</td>
|
||||
<td class="number-col score-col">{{ item.total_score }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,151 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>阵营事件</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
background: #f1f2f6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #2c2c33;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1080px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: #d93939;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 12px 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
tbody tr.camp-eren {
|
||||
background: #fff2f2;
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
tbody tr.camp-haoqi {
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.camp-col {
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.fenxian-col,
|
||||
.server-col {
|
||||
width: 130px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.role-col {
|
||||
max-width: 320px;
|
||||
color: #333;
|
||||
font-weight: 700;
|
||||
word-break: break-word;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
tr.camp-eren .role-col {
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
tr.camp-haoqi .role-col {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.time-col {
|
||||
min-width: 150px;
|
||||
color: #60657a;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>阵营事件</h1>
|
||||
<div class="meta">更新时间：{{ update_time }}</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>阵营</th>
|
||||
<th>分线</th>
|
||||
<th>服务器</th>
|
||||
<th>角色名称</th>
|
||||
<th>时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for item in items %}
|
||||
<tr
|
||||
{% if item.camp_name == '恶人谷' %}
|
||||
class="camp-eren"
|
||||
{% elif item.camp_name == '浩气盟' %}
|
||||
class="camp-haoqi"
|
||||
{% endif %}
|
||||
>
|
||||
<td class="camp-col">{{ item.camp_name }}</td>
|
||||
<td class="fenxian-col">{{ item.fenxian_name }}</td>
|
||||
<td class="server-col">{{ item.friend_name }}</td>
|
||||
<td class="role-col">{{ item.role_name }}</td>
|
||||
<td class="time-col">{{ item.seize_time }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>诛恶事件</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
background: #f1f2f6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #2c2c33;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px 0;
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-bottom: 24px;
|
||||
color: #7a7f99;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: #d93939;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 12px 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.server-col {
|
||||
width: 160px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-weight: 800;
|
||||
color: #d93939;
|
||||
}
|
||||
|
||||
.map-col {
|
||||
max-width: 300px;
|
||||
color: #333;
|
||||
font-weight: 700;
|
||||
word-break: break-word;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.time-col {
|
||||
min-width: 160px;
|
||||
color: #60657a;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h1>诛恶事件</h1>
|
||||
<div class="meta">更新时间：{{ update_time }}</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>服务器</th>
|
||||
<th>地图</th>
|
||||
<th>时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for item in items %}
|
||||
<tr>
|
||||
<td class="server-col">{{ item.server }}</td>
|
||||
<td class="map-col">{{ item.map_name }}</td>
|
||||
<td class="time-col">{{ item.time }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user