This commit is contained in:
qsc
2026-07-29 23:47:04 +08:00
parent ad379a965a
commit fb6320b23b
9 changed files with 2157 additions and 422 deletions
+3 -7
View File
@@ -104,8 +104,6 @@
<table>
<thead>
<tr>
<th>区服</th>
<th>服务器</th>
<th>宣战帮会</th>
<th>应战帮会</th>
<th>开始时间</th>
@@ -117,12 +115,10 @@
<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="tong-col">{{ item.declaringName }}</td>
<td class="tong-col">{{ item.acceptingName }}</td>
<td class="time-col">{{ item.startTime }}</td>
<td class="duration-col">{{ item.matchDuration }}</td>
<td class="duration-col">{{ item.durationSeconds }}</td>
<td class="time-col">{{ item.endTime }}</td>
</tr>
{% endfor %}
File diff suppressed because it is too large Load Diff
+537 -178
View File
@@ -2,9 +2,15 @@
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ name }} - 万宝楼行情</title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: "Microsoft YaHei", Arial, sans-serif;
background: #f1f2f6;
@@ -22,26 +28,31 @@
h1 {
font-size: 32px;
font-weight: 800;
margin-bottom: 12px;
margin: 0 0 12px;
}
.goods-image {
display: block;
width: 100%;
border-radius: 16px;
box-shadow: 0 6px 24px rgba(0,0,0,0.12);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
margin-bottom: 14px;
}
.goods-desc {
font-size: 16px;
line-height: 1.8;
color: #444;
margin-bottom: 10px;
margin: 0 0 10px;
text-align: left;
}
.meta-row {
display: flex;
justify-content: center;
gap: 40px;
align-items: center;
flex-wrap: wrap;
gap: 20px 40px;
font-size: 18px;
margin-bottom: 30px;
}
@@ -53,12 +64,14 @@
.table-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
align-items: start;
}
.table-card {
width: 100%;
min-width: 0;
}
.table-title {
@@ -66,15 +79,21 @@
font-weight: 700;
margin-bottom: 8px;
text-align: center;
color: #d93939;
}
.table-scroll {
width: 100%;
overflow-x: auto;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
table {
width: 100%;
min-width: 420px;
border-collapse: collapse;
background: #ffffff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
text-align: left;
}
@@ -84,10 +103,20 @@
font-size: 16px;
}
th, td {
th,
td {
padding: 12px 10px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #eeeeee;
font-size: 15px;
white-space: nowrap;
}
th {
font-weight: 700;
}
tbody tr:last-child td {
border-bottom: none;
}
tbody tr:hover {
@@ -103,231 +132,561 @@
font-weight: 700;
}
.empty-row {
height: 80px;
padding: 28px 10px;
text-align: center;
color: #999999;
font-weight: 400;
}
/* ===== 万宝楼公示(蓝色) ===== */
.table-card.notice .table-title {
color: #1e6bd6;
}
.table-card.notice .price-col {
color: #1e6bd6;
}
.table-card.notice thead {
background: #1e6bd6;
}
/* ===== 万宝楼在售(绿色) ===== */
.table-card.sale .table-title {
color: #2e8b57;
}
.table-card.sale .price-col {
color: #2e8b57;
}
.table-card.sale thead {
background: #2e8b57;
}
/* ===== 查询区服(紫色) ===== */
.table-card.query .table-title {
color: #8a4fd3;
}
.table-card.query .price-col {
color: #8a4fd3;
}
.table-card.query thead {
background: #8a4fd3;
}
@media (max-width: 1100px) {
.table-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
body {
padding: 12px;
}
h1 {
font-size: 24px;
}
.goods-desc {
font-size: 14px;
}
.meta-row {
gap: 12px 20px;
font-size: 16px;
}
.table-wrapper {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
{#
先根据分组名称识别对应数据。
查询区服不固定使用 list[3]:
除电信区、双线区、无界区、公示期、出售期外,
其他分组都视为查询区服。
即使某个分组不存在,对应表格区域仍然会显示。
#}
{% set ns = namespace(
notice=none,
sale=none,
query=none,
telecom=none,
dual=none,
boundless=none
) %}
{% for group in list %}
{% if group.name == "公示期" %}
{% set ns.notice = group %}
{% elif group.name == "出售期" %}
{% set ns.sale = group %}
{% elif group.name == "电信区" %}
{% set ns.telecom = group %}
{% elif group.name == "双线区" %}
{% set ns.dual = group %}
{% elif group.name == "无界区" %}
{% set ns.boundless = group %}
{% elif ns.query is none %}
{% set ns.query = group %}
{% endif %}
{% endfor %}
<div class="container">
<h1>{{ name }} ({{ alias }})</h1>
<h1>
{{ name }}
{% if alias %}
{{ alias }}
{% endif %}
</h1>
<img src="{{ view }}" alt="{{ name }}" class="goods-image">
{% if view %}
<img
src="{{ view }}"
alt="{{ name }}"
class="goods-image"
>
{% endif %}
{% if desc %}
<p class="goods-desc">{{ desc }}</p>
{% endif %}
<div class="meta-row">
<span>分类:{{ category }}</span>
<span>发售时间:{{ date }}</span>
<span class="price">参考价格:{{ cost }} 元</span>
<span class="price">参考价格:{{ retail }} 元</span>
</div>
<div class="table-wrapper">
<!-- 1 万宝楼公示 -->
<!-- ==================================================
1. 万宝楼公示
区域始终保留
=================================================== -->
<div class="table-card notice">
<div class="table-title">万宝楼公示</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[3] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">公示</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>区服</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.notice and ns.notice.list %}
{% for item in ns.notice.list %}
<tr>
<td>{{ item.date }}</td>
<td>{{ item.zone }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
公示
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="5" class="empty-row">
暂无公示数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<!-- 2 万宝楼在售 -->
<!-- ==================================================
2. 万宝楼在售
区域始终保留
=================================================== -->
<div class="table-card sale">
<div class="table-title">万宝楼在售</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[4] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">在售</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>区服</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.sale and ns.sale.list %}
{% for item in ns.sale.list %}
<tr>
<td>{{ item.date }}</td>
<td>{{ item.zone }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
在售
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="5" class="empty-row">
暂无在售数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<!-- 3 查询区服 -->
<div class="table-card">
<div class="table-title">查询区服</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[5] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">
{% if item.source == 1 %}出售
{% elif item.source == 2 %}收购
{% elif item.source == 3 %}想出
{% elif item.source == 4 %}想收
{% elif item.source == 5 %}成交
{% elif item.source == 6 %}正出
{% else %}未知
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<!-- ==================================================
3. 查询区服
没有查询区服时,表格仍然保留
=================================================== -->
<div class="table-card query">
<div class="table-title">
查询区服
{% if ns.query %}
{{ ns.query.name }}
{% endif %}
</div>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.query and ns.query.list %}
{% for item in ns.query.list %}
<tr>
<td>{{ item.date }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
{% if item.sale == 1 %}
出售
{% elif item.sale == 2 %}
收购
{% elif item.sale == 3 %}
想出
{% elif item.sale == 4 %}
想收
{% elif item.sale == 5 %}
成交
{% elif item.sale == 6 %}
正出
{% elif item.sale == 7 %}
公示
{% else %}
未知
{% endif %}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="4" class="empty-row">
暂无查询区服数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<!-- 4 电信区 -->
<!-- ==================================================
4. 电信区
区域始终保留
=================================================== -->
<div class="table-card">
<div class="table-title">电信区</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[0] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">
{% if item.source == 1 %}出售
{% elif item.source == 2 %}收购
{% elif item.source == 3 %}想出
{% elif item.source == 4 %}想收
{% elif item.source == 5 %}成交
{% elif item.source == 6 %}正出
{% else %}未知
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.telecom and ns.telecom.list %}
{% for item in ns.telecom.list %}
<tr>
<td>{{ item.date }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
{% if item.sale == 1 %}
出售
{% elif item.sale == 2 %}
收购
{% elif item.sale == 3 %}
想出
{% elif item.sale == 4 %}
想收
{% elif item.sale == 5 %}
成交
{% elif item.sale == 6 %}
正出
{% elif item.sale == 7 %}
公示
{% else %}
未知
{% endif %}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="4" class="empty-row">
暂无电信区数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<!-- 5 双线区 -->
<!-- ==================================================
5. 双线区
区域始终保留
=================================================== -->
<div class="table-card">
<div class="table-title">双线区</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[1] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">
{% if item.source == 1 %}出售
{% elif item.source == 2 %}收购
{% elif item.source == 3 %}想出
{% elif item.source == 4 %}想收
{% elif item.source == 5 %}成交
{% elif item.source == 6 %}正出
{% else %}未知
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.dual and ns.dual.list %}
{% for item in ns.dual.list %}
<tr>
<td>{{ item.date }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
{% if item.sale == 1 %}
出售
{% elif item.sale == 2 %}
收购
{% elif item.sale == 3 %}
想出
{% elif item.sale == 4 %}
想收
{% elif item.sale == 5 %}
成交
{% elif item.sale == 6 %}
正出
{% elif item.sale == 7 %}
公示
{% else %}
未知
{% endif %}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="4" class="empty-row">
暂无双线区数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<!-- 6 无界区 -->
<!-- ==================================================
6. 无界区
区域始终保留
=================================================== -->
<div class="table-card">
<div class="table-title">无界区</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% for item in list[2] %}
<tr>
<td class="server-col">{{ item.date }}</td>
<td class="server-col">{{ item.server }}</td>
<td class="price-col">{{ item.value }}</td>
<td class="server-col">
{% if item.source == 1 %}出售
{% elif item.source == 2 %}收购
{% elif item.source == 3 %}想出
{% elif item.source == 4 %}想收
{% elif item.source == 5 %}成交
{% elif item.source == 6 %}正出
{% else %}未知
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="table-scroll">
<table>
<thead>
<tr>
<th>时间</th>
<th>服务器</th>
<th>价格</th>
<th>状态</th>
</tr>
</thead>
<tbody>
{% if ns.boundless and ns.boundless.list %}
{% for item in ns.boundless.list %}
<tr>
<td>{{ item.date }}</td>
<td class="server-col">
{{ item.server }}
</td>
<td class="price-col">
{{ item.value }} 元
</td>
<td class="server-col">
{% if item.sale == 1 %}
出售
{% elif item.sale == 2 %}
收购
{% elif item.sale == 3 %}
想出
{% elif item.sale == 4 %}
想收
{% elif item.sale == 5 %}
成交
{% elif item.sale == 6 %}
正出
{% elif item.sale == 7 %}
公示
{% else %}
未知
{% endif %}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="4" class="empty-row">
暂无无界区数据
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
</div>
@@ -335,4 +694,4 @@
</div>
</body>
</html>
</html>
+1 -1
View File
@@ -104,7 +104,7 @@
{% for item in items %}
<tr>
<td class="server-col">{{ item.server }}</td>
<td class="map-col">{{ item.map_name }}</td>
<td class="map-col">{{ item.mapName }}</td>
<td class="time-col">{{ item.time }}</td>
</tr>
{% endfor %}