From 06a57c9bcff31e1e2f8a8ec2a9840162cc0a343d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 1 Apr 2025 15:08:16 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E6=B7=BB=E5=8A=A0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=95=B0=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-postcard.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/components/app/t-postcard.vue b/src/components/app/t-postcard.vue
index 9b1136b8..cce010e5 100644
--- a/src/components/app/t-postcard.vue
+++ b/src/components/app/t-postcard.vue
@@ -17,6 +17,14 @@
             <span>{{ card.subtitle }}</span>
           </div>
         </div>
+        <div
+          v-else-if="props.modelValue.post.images.length > 1"
+          class="tpc-image-cnt"
+          :title="`图片数：${props.modelValue.post.images.length}`"
+        >
+          <v-icon size="10">mdi-folder-multiple-image</v-icon>
+          <span>{{ props.modelValue.post.images.length }}</span>
+        </div>
       </div>
       <div class="tpc-title" :title="card.title" @click="shareCard()">{{ card.title }}</div>
     </div>
@@ -475,6 +483,23 @@ function onUserClick(): void {
   font-size: 12px;
 }
 
+.tpc-image-cnt {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 8px;
+  border-top-left-radius: 12px;
+  column-gap: 2px;
+  font-size: 12px;
+  color: var(--tgc-white-1);
+  background: var(--tgc-od-blue);
+  opacity: 0.8;
+  box-shadow: -2px -2px 8px var(--tgc-dark-1);
+}
+
 .tpc-status {
   position: relative;
   display: flex;