From d303c8e94e989419ca3686b5b1740ba89141aee5 Mon Sep 17 00:00:00 2001
From: wwt <wuwenting@taifeng.com>
Date: Wed, 12 Mar 2025 16:31:25 +0800
Subject: [PATCH] fix bug#3931

---
 src/components/talk/message/FileMessage.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/talk/message/FileMessage.vue b/src/components/talk/message/FileMessage.vue
index 1fac47e..7677ac8 100644
--- a/src/components/talk/message/FileMessage.vue
+++ b/src/components/talk/message/FileMessage.vue
@@ -68,7 +68,7 @@ const getFileTypeIMG = computed(() => {
     :class="{ left: data.float === 'left', right: data.float === 'right' }"
   >
     <div class="flex justify-between">
-      <div class="w-[228rpx] text-[32rpx] text-[#1A1A1A] h-[88rpx] leading-[44rpx] textEllipsis">
+      <div class="w-[228rpx] text-[32rpx] text-[#1A1A1A] h-[88rpx] leading-[44rpx] textEllipsis file_name">
         {{ extra.name }}
       </div>
       <div v-if="data.uploadStatus === 2 || !data.uploadStatus" class="w-[95rpx]">
@@ -124,6 +124,11 @@ const getFileTypeIMG = computed(() => {
     border-radius: 16rpx 0 16rpx 16rpx;
   }
 
+  .file_name{
+    word-break: break-all; /* 在任意字符间断行 */
+    word-wrap: break-word; /* 允许长单词换行到下一行 */
+  }
+  
   .main {
     height: 45px;
     display: flex;