From 6b66467cffd76e7f8036955faff2734cc9997e54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 17 Nov 2024 08:43:44 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/PostTopic.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/common/PostTopic.vue b/src/pages/common/PostTopic.vue
index 9623173e..c285c848 100644
--- a/src/pages/common/PostTopic.vue
+++ b/src/pages/common/PostTopic.vue
@@ -5,7 +5,7 @@
         <img :src="topicInfo.topic.cover" alt="cover" />
         <div class="post-topic-info">
           <span>{{ topicInfo.topic.name }}({{ topic }})</span>
-          <span>{{ topicInfo.topic.desc }}</span>
+          <span :title="topicInfo.topic.desc">{{ topicInfo.topic.desc }}</span>
         </div>
       </div>
     </template>
@@ -179,6 +179,7 @@ function searchPost(): void {
 </script>
 <style lang="css" scoped>
 .post-topic-top {
+  position: relative;
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -194,6 +195,7 @@ function searchPost(): void {
   }
 
   .post-topic-info {
+    position: relative;
     display: flex;
     flex-direction: column;
     gap: 5px;
@@ -203,6 +205,14 @@ function searchPost(): void {
       font-family: var(--font-title);
       font-size: 20px;
     }
+
+    :last-child {
+      overflow: hidden;
+      height: 24px;
+      max-lines: 1;
+      text-overflow: ellipsis;
+      word-break: break-all;
+    }
   }
 }