mobile . themes

This commit is contained in:
2026-03-16 14:00:50 +08:00
parent 33763d279e
commit dd9609165c
6 changed files with 110 additions and 78 deletions

View File

@@ -283,7 +283,7 @@ async function loadPosts() {
let html = '';
data.data.forEach(p => {
html += `
<div class="border border-slate-200 rounded-lg p-4 hover:shadow-sm transition-shadow">
<div class="border border-slate-200 rounded-lg p-4 hover:shadow-sm transition-shadow cursor-pointer" onclick="window.location.href='/forum?post=${p.id}'">
<h3 class="text-base font-semibold bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent mb-1">${escapeHtml(p.title)}</h3>
<p class="text-sm text-slate-300 mb-2">${escapeHtml(p.content)}</p>
<div class="flex items-center text-xs text-slate-400 space-x-3">

View File

@@ -25,6 +25,8 @@
.footer { text-align: center; margin-top: 30px; font-size: 12px; color: #666; border-top: 1px solid #ccc; padding-top: 10px; }
.print-btn { position: fixed; top: 20px; right: 20px; padding: 10px 24px; background: #3b82f6; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; z-index: 100; }
.print-btn:hover { background: #2563eb; }
.q-images { margin: 8px 0 4px 25px; }
.q-images img { max-height: 200px; max-width: 100%; border: 1px solid #ccc; margin: 4px 4px 4px 0; }
</style>
<!-- KaTeX 数学公式渲染 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css">
@@ -66,6 +68,13 @@
<div class="question">
<span class="q-num">{{ loop.index }}.</span> {{ q.content }}
<span class="q-score">{{ q.score }}分)</span>
{% if q.get('images') %}
<div class="q-images">
{% for img in q.images %}
<img src="{{ img }}" alt="题目图片">
{% endfor %}
</div>
{% endif %}
{% if q.options %}
<div class="options">
{% for opt in q.options %}
@@ -83,6 +92,13 @@
<div class="question">
<span class="q-num">{{ loop.index }}.</span> {{ q.content }}
<span class="q-score">{{ q.score }}分)</span>
{% if q.get('images') %}
<div class="q-images">
{% for img in q.images %}
<img src="{{ img }}" alt="题目图片">
{% endfor %}
</div>
{% endif %}
<div class="answer-area">
<div class="answer-line"></div>
</div>
@@ -96,6 +112,13 @@
<div class="question">
<span class="q-num">{{ loop.index }}.</span> {{ q.content }}
<span class="q-score">{{ q.score }}分)</span>
{% if q.get('images') %}
<div class="q-images">
{% for img in q.images %}
<img src="{{ img }}" alt="题目图片">
{% endfor %}
</div>
{% endif %}
<div class="answer-area">
{% for i in range(8) %}
<div class="answer-line"></div>

View File

@@ -347,6 +347,9 @@ function insEmoji(em) {
// 初始化富文本编辑器
document.addEventListener('DOMContentLoaded', function() {
new RichEditor('new-content');
const params = new URLSearchParams(window.location.search);
const postId = params.get('post');
if (postId) openPost(parseInt(postId));
});
// ===== 图片上传 =====