From 526a580e145ba8282b23b0b86bcf97d77712f423 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Thu, 19 Mar 2026 13:45:51 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E4=BC=98=E5=8C=96=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E6=B6=88=E6=81=AF=E7=9A=84=E8=A7=86=E8=A7=89=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/home/index/index.vue         |  80 ++++++++++++++++++-----------
 static/common/images/icon-file.png | Bin 0 -> 3095 bytes
 2 files changed, 51 insertions(+), 29 deletions(-)
 create mode 100644 static/common/images/icon-file.png

diff --git a/pages/home/index/index.vue b/pages/home/index/index.vue
index 79dd9e2..b8b4ab2 100644
--- a/pages/home/index/index.vue
+++ b/pages/home/index/index.vue
@@ -298,14 +298,20 @@
                         class="structured-file"
                         @click="downloadMessageFile(block.url)"
                       >
-                        <u-icon
-                          name="download"
-                          size="28"
-                          color="#4370fe"
-                        ></u-icon>
+                        <image
+                          class="structured-file-icon"
+                          src="/static/common/images/icon-file.png"
+                          mode="scaleToFill"
+                        ></image>
                         <text class="structured-file-name">{{
                           block.name
                         }}</text>
+                        <u-icon
+                          name="download"
+                          size="36"
+                          color="#666666"
+                          class="structured-file-download"
+                        ></u-icon>
                       </view>
                     </view>
                   </view>
@@ -403,14 +409,20 @@
                         class="structured-file"
                         @click="downloadMessageFile(block.url)"
                       >
-                        <u-icon
-                          name="download"
-                          size="28"
-                          color="#4370fe"
-                        ></u-icon>
+                        <image
+                          class="structured-file-icon"
+                          src="/static/common/images/icon-file.png"
+                          mode="scaleToFill"
+                        ></image>
                         <text class="structured-file-name">{{
                           block.name
                         }}</text>
+                        <u-icon
+                          name="download"
+                          size="36"
+                          color="#666666"
+                          class="structured-file-download"
+                        ></u-icon>
                       </view>
                     </view>
                   </view>
@@ -1183,8 +1195,7 @@ export default {
 
             // 创建AI回复消息对象
             const aiMessage = {
-              id:
-                this.currentDMid || Math.random().toString(36).substring(2, 15),
+              id: data.id || Math.random().toString(36).substring(2, 15),
               message: message,
               sendDate: "",
               isSend: true,
@@ -2048,28 +2059,39 @@ export default {
 
             .structured-item-file {
               .structured-file {
-                display: inline-flex;
+                display: flex;
                 align-items: center;
+                width: 500rpx;
                 max-width: 100%;
-                padding: 16rpx 20rpx;
+                padding: 24rpx;
                 background-color: #ffffff;
-                border-radius: 12rpx;
+                border-radius: 16rpx;
+                box-sizing: border-box;
+
+                .structured-file-icon {
+                  width: 48rpx;
+                  height: 62rpx;
+                  flex-shrink: 0;
+                  margin-right: 20rpx;
+                }
+
+                .structured-file-name {
+                  flex: 1;
+                  font-size: 28rpx;
+                  color: #333333;
+                  word-break: break-all;
+                  display: -webkit-box;
+                  -webkit-box-orient: vertical;
+                  -webkit-line-clamp: 1;
+                  overflow: hidden;
+                }
+
+                .structured-file-download {
+                  flex-shrink: 0;
+                  margin-left: 20rpx;
+                }
               }
             }
-
-            .structured-file {
-              display: inline-flex;
-              align-items: center;
-              max-width: 100%;
-              padding: 8rpx 0;
-            }
-
-            .structured-file-name {
-              margin-left: 8rpx;
-              font-size: 26rpx;
-              color: #4370fe;
-              word-break: break-all;
-            }
           }
         }
 
diff --git a/static/common/images/icon-file.png b/static/common/images/icon-file.png
new file mode 100644
index 0000000000000000000000000000000000000000..404e8cafc132ceebb1721e549e15ba71766e0d37
GIT binary patch
literal 3095
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
WnYQp)#ARXks%~e6MpjyQMg13lV_EM2

literal 0
HcmV?d00001