This commit is contained in:
qsc
2026-02-21 19:18:32 +08:00
parent 0f8fae24fd
commit 22304fe95c
3 changed files with 30 additions and 175 deletions
+1 -1
View File
@@ -1064,7 +1064,7 @@ class JX3Service:
# 4. 加载模板 # 4. 加载模板
try: try:
return_data["temp"] = await load_template("test.html") return_data["temp"] = await load_template("juesheqiyu.html")
except FileNotFoundError as e: except FileNotFoundError as e:
logger.error(f"加载模板失败: {e}") logger.error(f"加载模板失败: {e}")
return_data["msg"] = "系统错误:模板文件不存在" return_data["msg"] = "系统错误:模板文件不存在"
+28 -33
View File
@@ -2,7 +2,7 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>角色奇遇一览</title> <title>角色奇遇</title>
<style> <style>
body { body {
margin: 0; margin: 0;
@@ -36,8 +36,6 @@
border-radius: 8px; border-radius: 8px;
padding: 16px 12px; padding: 16px 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -46,15 +44,18 @@
min-height: 90px; min-height: 90px;
} }
.card:hover { .card img {
transform: translateY(-4px); width: 100%;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12); max-width: 180px;
height: auto; /* 自动保持比例 */
object-fit: contain;
margin-bottom: 6px;
} }
.event { .event-name {
font-size: 28px; font-size: 22px;
font-weight: 600; font-weight: 600;
margin-bottom: 6px; margin-bottom: 4px;
color: #2b3a67; color: #2b3a67;
} }
@@ -68,32 +69,22 @@
font-size: 14px; font-size: 14px;
padding: 10px 0; padding: 10px 0;
} }
@media (max-width: 1000px) {
.card-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.card-container {
grid-template-columns: repeat(1, 1fr);
}
}
</style> </style>
</head> </head>
<body> <body>
<!-- 普通奇遇 --> <!-- 普通奇遇 -->
<div class="section"> <div class="section">
<div class="section-title"> <div class="section-title">普通奇遇({{ ptqy|length if ptqy else 0 }}</div>
普通奇遇({{ ptqy|length if ptqy else 0 }}
</div>
{% if ptqy %} {% if ptqy %}
<div class="card-container"> <div class="card-container">
{% for item in ptqy %} {% for item in ptqy %}
<div class="card"> <div class="card">
<div class="event">{{ item.event }}</div> {% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div> <div class="time">{{ item.time }}</div>
</div> </div>
{% endfor %} {% endfor %}
@@ -105,14 +96,16 @@
<!-- 绝世奇遇 --> <!-- 绝世奇遇 -->
<div class="section"> <div class="section">
<div class="section-title"> <div class="section-title">绝世奇遇({{ jsqy|length if jsqy else 0 }}</div>
绝世奇遇({{ jsqy|length if jsqy else 0 }}
</div>
{% if jsqy %} {% if jsqy %}
<div class="card-container"> <div class="card-container">
{% for item in jsqy %} {% for item in jsqy %}
<div class="card"> <div class="card">
<div class="event">{{ item.event }}</div> {% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div> <div class="time">{{ item.time }}</div>
</div> </div>
{% endfor %} {% endfor %}
@@ -124,14 +117,16 @@
<!-- 宠物奇遇 --> <!-- 宠物奇遇 -->
<div class="section"> <div class="section">
<div class="section-title"> <div class="section-title">宠物奇遇({{ cwqy|length if cwqy else 0 }}</div>
宠物奇遇({{ cwqy|length if cwqy else 0 }}
</div>
{% if cwqy %} {% if cwqy %}
<div class="card-container"> <div class="card-container">
{% for item in cwqy %} {% for item in cwqy %}
<div class="card"> <div class="card">
<div class="event">{{ item.event }}</div> {% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div> <div class="time">{{ item.time }}</div>
</div> </div>
{% endfor %} {% endfor %}
-140
View File
@@ -1,140 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>角色奇遇一览</title>
<style>
body {
margin: 0;
padding: 24px;
background: #f5f7fb;
color: #2c2c33;
font-family: "Microsoft YaHei", Arial, sans-serif;
}
.section {
margin-bottom: 32px;
}
.section-title {
font-size: 36px;
font-weight: bold;
margin-bottom: 16px;
border-left: 4px solid #4f7cff;
padding-left: 10px;
color: #1f2a44;
}
.card-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.card {
background: #ffffff;
border-radius: 8px;
padding: 16px 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 90px;
}
.card img {
width: 100%;
max-width: 180px;
height: auto; /* 自动保持比例 */
object-fit: contain;
margin-bottom: 6px;
}
.event-name {
font-size: 22px;
font-weight: 600;
margin-bottom: 4px;
color: #2b3a67;
}
.time {
font-size: 22px;
color: #7a7f99;
}
.empty {
color: #999;
font-size: 14px;
padding: 10px 0;
}
</style>
</head>
<body>
<!-- 普通奇遇 -->
<div class="section">
<div class="section-title">普通奇遇({{ ptqy|length if ptqy else 0 }}</div>
{% if ptqy %}
<div class="card-container">
{% for item in ptqy %}
<div class="card">
{% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="empty">暂无普通奇遇</div>
{% endif %}
</div>
<!-- 绝世奇遇 -->
<div class="section">
<div class="section-title">绝世奇遇({{ jsqy|length if jsqy else 0 }}</div>
{% if jsqy %}
<div class="card-container">
{% for item in jsqy %}
<div class="card">
{% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="empty">暂无绝世奇遇</div>
{% endif %}
</div>
<!-- 宠物奇遇 -->
<div class="section">
<div class="section-title">宠物奇遇({{ cwqy|length if cwqy else 0 }}</div>
{% if cwqy %}
<div class="card-container">
{% for item in cwqy %}
<div class="card">
{% if icons.serendipity.get(item.event) %}
<img src="{{ icons.serendipity[item.event] }}" alt="{{ item.event }}">
{% else %}
<div class="event-name">{{ item.event }}</div>
{% endif %}
<div class="time">{{ item.time }}</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="empty">暂无宠物奇遇</div>
{% endif %}
</div>
</body>
</html>