From b6342a622d565bcfd458a501ea695b70c7d868bd Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Mon, 28 Sep 2026 01:57:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=BA=BF=EF=BC=9A=E9=95=BF?=
 =?UTF-8?q?=E6=96=87=E6=98=BE=E7=A4=BA=E5=B0=81=E9=9D=A2=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E6=91=98=E8=A6=81=E4=B8=8B=E6=96=B9=E5=9C=86=E8=A7=92=E5=AA=92?=
 =?UTF-8?q?=E4=BD=93=E4=BD=8D=EF=BC=8C=E6=A0=B7=E5=BC=8F=E4=B8=8E=E7=9F=AD?=
 =?UTF-8?q?=E6=96=87=E9=85=8D=E5=9B=BE=E4=B8=80=E8=87=B4=EF=BC=88vivid=20?=
 =?UTF-8?q?=E6=9C=AC=E5=B0=B1=E6=9C=89=EF=BC=8C=E8=A1=A5=E9=BD=90=20classi?=
 =?UTF-8?q?c=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/PostCard.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/PostCard.vue b/frontend/src/components/PostCard.vue
index fa4e12b..9e31ed8 100644
--- a/frontend/src/components/PostCard.vue
+++ b/frontend/src/components/PostCard.vue
@@ -53,9 +53,14 @@ const initial = computed(() => (site.author_name || 'O').trim().slice(0, 1).toUp
         <h2 class="title">{{ post.title || '无题' }}</h2>
       </RouterLink>
 
-      <!-- 长文：摘要；短文：正文直接铺开 -->
+      <!-- 长文：摘要 + 封面媒体位；短文：正文直接铺开 -->
       <div v-if="isShort" class="prose short-body" v-html="body"></div>
-      <div v-else class="summary">{{ summaryText }}</div>
+      <template v-else>
+        <div class="summary">{{ summaryText }}</div>
+        <div v-if="post.cover_url" class="imgs cover">
+          <img :src="post.cover_url" alt="" loading="lazy" decoding="async" />
+        </div>
+      </template>
 
       <!-- 短文配图：Twitter 式网格（1 全宽 / 2 并排 / 3 左大右二 / 4 四宫格）；点图开预览 -->
       <div
@@ -229,6 +234,12 @@ const initial = computed(() => (site.author_name || 'O').trim().slice(0, 1).toUp
   height: 100%;
 }
 
+/* 长文封面：与短文配图同款圆角媒体位，但点击语义是进文章而非预览 */
+.imgs.cover img {
+  max-height: 340px;
+  cursor: pointer;
+}
+
 .meta {
   display: flex;
   align-items: center;