fix(scrapbook): 提取排版,纠正关闭分析分区但是基础样式没有去除的 bug

This commit is contained in:
SXP-Simon
2025-11-29 00:04:53 +08:00
parent 3d6378792e
commit 122a2fa36a
5 changed files with 87 additions and 120 deletions
@@ -785,46 +785,11 @@
</div>
</div>
<!-- 5. 话题记录 -->
<div class="topic-section">
<div class="paper-holes">
<div class="hole"></div>
<div class="hole"></div>
<div class="hole"></div>
</div>
<div class="section-title">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z" />
</svg>
今日话题 Topics
</div>
{{topics_html}}
</div>
{{topics_html}}
<!-- 6. 群友画像 -->
<div class="user-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path
d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
</svg>
群友画像 Portraits
</div>
<div class="masonry-grid">
{{titles_html}}
</div>
</div>
{{titles_html}}
<!-- 7. 每日回响 -->
<div class="quotes-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" />
</svg>
群贤毕至 Bible Quotes
</div>
{{quotes_html}}
</div>
{{quotes_html}}
</div>
@@ -785,46 +785,11 @@
</div>
</div>
<!-- 5. 话题记录 -->
<div class="topic-section">
<div class="paper-holes">
<div class="hole"></div>
<div class="hole"></div>
<div class="hole"></div>
</div>
<div class="section-title">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z" />
</svg>
今日话题 Topics
</div>
{{topics_html}}
</div>
{{topics_html}}
<!-- 6. 群友画像 -->
<div class="user-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path
d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
</svg>
群友画像 Portraits
</div>
<div class="masonry-grid">
{{titles_html}}
</div>
</div>
{{titles_html}}
<!-- 7. 每日回响 -->
<div class="quotes-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" />
</svg>
群贤毕至 Bible Quotes
</div>
{{quotes_html}}
</div>
{{quotes_html}}
</div>
+20 -10
View File
@@ -1,13 +1,23 @@
{% for quote in quotes %}
<div class="quote-wrapper">
<div class="q-bubble">
<div class="q-quote-mark">"</div>
<div class="q-content">{{ quote.content }}</div>
<div class="q-author">— {{ quote.sender }}</div>
{% if quotes %}
<div class="quotes-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" />
</svg>
群贤毕至 Bible Quotes
</div>
<div class="q-analysis-note">
<span class="note-label">🤣👉 AI 锐评:</span>
{{ quote.reason }}
{% for quote in quotes %}
<div class="quote-wrapper">
<div class="q-bubble">
<div class="q-quote-mark">"</div>
<div class="q-content">{{ quote.content }}</div>
<div class="q-author">— {{ quote.sender }}</div>
</div>
<div class="q-analysis-note">
<span class="note-label">🤣👉 AI 锐评:</span>
{{ quote.reason }}
</div>
</div>
{% endfor %}
</div>
{% endfor %}
{% endif %}
+29 -14
View File
@@ -1,17 +1,32 @@
{% for topic in topics %}
<div class="topic-item">
<div class="check-box">
<div class="check-tick"></div>
{% if topics %}
<div class="topic-section">
<div class="paper-holes">
<div class="hole"></div>
<div class="hole"></div>
<div class="hole"></div>
</div>
<div class="topic-content">
<div style="display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px;">
<span class="topic-title">{{ topic.topic.topic }}</span>
<span style="font-size: 0.85em; color: #999; font-family: var(--font-body);">#{{ "%02d"|format(topic.index) }}</span>
</div>
<div style="font-family: var(--font-hand); font-size: 1.05em; color: var(--ink-secondary); margin-bottom: 8px;">
🙋‍♀️ 参与者: {{ topic.contributors }}
</div>
<div class="topic-detail">{{ topic.topic.detail }}</div>
<div class="section-title">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z" />
</svg>
今日话题 Topics
</div>
{% for topic in topics %}
<div class="topic-item">
<div class="check-box">
<div class="check-tick"></div>
</div>
<div class="topic-content">
<div style="display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px;">
<span class="topic-title">{{ topic.topic.topic }}</span>
<span style="font-size: 0.85em; color: #999; font-family: var(--font-body);">#{{ "%02d"|format(topic.index) }}</span>
</div>
<div style="font-family: var(--font-hand); font-size: 1.05em; color: var(--ink-secondary); margin-bottom: 8px;">
🙋‍♀️ 参与者: {{ topic.contributors }}
</div>
<div class="topic-detail">{{ topic.topic.detail }}</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
{% endif %}
@@ -1,24 +1,36 @@
{% for title in titles %}
<div class="user-card">
<div class="card-tape"></div>
<div class="user-header">
<div class="u-avatar">
{% if title.avatar_data %}
<img src="{{ title.avatar_data }}" alt="头像" style="width: 100%; height: 100%; object-fit: cover;">
{% else %}
<svg class="doodle" style="font-size: 2rem;" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
{% endif %}
</div>
<div class="u-info">
<div class="u-name">{{ title.name }}</div>
<div class="badges">
<span class="badge title">{{ title.title }}</span>
<span class="badge mbti">{{ title.mbti }}</span>
{% if titles %}
<div class="user-section">
<div class="section-title" style="justify-content: center;">
<svg class="doodle" viewBox="0 0 24 24">
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
</svg>
群友画像 Portraits
</div>
<div class="masonry-grid">
{% for title in titles %}
<div class="user-card">
<div class="card-tape"></div>
<div class="user-header">
<div class="u-avatar">
{% if title.avatar_data %}
<img src="{{ title.avatar_data }}" alt="头像" style="width: 100%; height: 100%; object-fit: cover;">
{% else %}
<svg class="doodle" style="font-size: 2rem;" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
{% endif %}
</div>
<div class="u-info">
<div class="u-name">{{ title.name }}</div>
<div class="badges">
<span class="badge title">{{ title.title }}</span>
<span class="badge mbti">{{ title.mbti }}</span>
</div>
</div>
</div>
<div class="u-reason">
{{ title.reason }}
</div>
</div>
</div>
<div class="u-reason">
{{ title.reason }}
{% endfor %}
</div>
</div>
{% endfor %}
{% endif %}