From 1e47bcab372915d95885c921370b12a10cdad134 Mon Sep 17 00:00:00 2001
From: liuguancen <liuguancen@inspur.com>
Date: Thu, 2 Apr 2026 13:03:48 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=89=8D=E7=AB=AF]=20=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E6=8C=89=E9=92=AE=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E5=B8=A6=E6=96=87=E5=AD=97=E7=9A=84=E6=98=8E=E6=98=BE=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 chat_web_front/src/views/reading/index.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/chat_web_front/src/views/reading/index.vue b/chat_web_front/src/views/reading/index.vue
index 2daafaa..b5b62d9 100644
--- a/chat_web_front/src/views/reading/index.vue
+++ b/chat_web_front/src/views/reading/index.vue
@@ -6,7 +6,10 @@
         <div class="left-header">
           <div class="left-title">文件管理</div>
           <div class="left-actions">
-            <img src="@/assets/images/reading/create.png" alt="新建" title="新建文件夹" class="action-icon" @click="createFolder()">
+            <div class="create-folder-btn" @click="createFolder()" title="新建文件夹">
+              <img src="@/assets/images/reading/create.png" alt="">
+              <span>新建</span>
+            </div>
             <span class="collapse-btn" title="收起" @click="leftCollapsed = true">«</span>
           </div>
         </div>
@@ -736,8 +739,14 @@ onMounted(async () => {
     padding: 14px 12px 6px 16px;
     .left-title { font-weight: bold; font-size: 15px; color: #000; }
     .left-actions {
-      display: flex; align-items: center; gap: 8px;
-      .action-icon { width: 18px; height: 18px; cursor: pointer; opacity: 0.7; &:hover { opacity: 1; } }
+      display: flex; align-items: center; gap: 6px;
+      .create-folder-btn {
+        display: flex; align-items: center; gap: 3px;
+        padding: 3px 10px; border-radius: 4px;
+        background: #004EA0; color: #fff; font-size: 12px; cursor: pointer;
+        img { width: 14px; height: 14px; filter: brightness(10); }
+        &:hover { background: #003d80; }
+      }
       .collapse-btn { font-size: 14px; cursor: pointer; color: #999; padding: 2px 4px; border-radius: 4px; &:hover { background: #F0F4FF; color: #004EA0; } }
     }
   }