From 8b8b1ecb88b24d81d929620b18557e16dcd6164f Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 29 Aug 2025 14:14:51 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B5=B0=E6=9F=A5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xt-chat/chat-view/useChatHandler.tsx      |  8 +++----
 src/components/xt-chat/xt-bubble/style.scss   |  2 +-
 .../navbar/components/middle-side/index.vue   |  7 ++----
 .../navbar/components/middle-side/style.scss  | 23 +++++++++++--------
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/xt-chat/chat-view/useChatHandler.tsx b/src/components/xt-chat/chat-view/useChatHandler.tsx
index d51a515..68a7a5c 100644
--- a/src/components/xt-chat/chat-view/useChatHandler.tsx
+++ b/src/components/xt-chat/chat-view/useChatHandler.tsx
@@ -220,16 +220,16 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
               >
                 <span class="font-family-medium color-#211F24 text-14px font-400 lh-22px mr-4px">智能思考</span>
                 {isCollapse ? (
-                  <IconCaretUp size={16} class="color-#211F24 " />
+                  <IconCaretUp size={12} class="color-#211F24 " />
                 ) : (
-                  <IconCaretDown size={16} class="color-#211F24" />
+                  <IconCaretDown size={12} class="color-#211F24" />
                 )}
               </div>
             )}
             <div class="relative thought-chain-item" style={{ display: isCollapse ? 'block' : 'none' }}>
               <div class="flex items-center mb-4px">
-                <img src={isRulCompleted ? icon1 : icon2} width={13} height={13} class="mr-4px" />
-                <div>{node}</div>
+                <img src={isRulCompleted ? icon1 : icon2} width={16} height={16} class="mr-4px" />
+                <div class="color-#211F24 !lh-20px">{node}</div>
               </div>
               <div v-html={md.render(output)} class={outputEleClass} />
             </div>
diff --git a/src/components/xt-chat/xt-bubble/style.scss b/src/components/xt-chat/xt-bubble/style.scss
index 6d2f469..d0d8381 100644
--- a/src/components/xt-chat/xt-bubble/style.scss
+++ b/src/components/xt-chat/xt-bubble/style.scss
@@ -32,7 +32,7 @@
   .thought-chain-item {
     position: relative;
     margin: 0;
-    font-size: 14px;
+    font-size: 12px;
     list-style: none;
     .thought-chain-output {
       position: relative;
diff --git a/src/layouts/components/navbar/components/middle-side/index.vue b/src/layouts/components/navbar/components/middle-side/index.vue
index 3c346e2..f1147f0 100644
--- a/src/layouts/components/navbar/components/middle-side/index.vue
+++ b/src/layouts/components/navbar/components/middle-side/index.vue
@@ -1,6 +1,6 @@
 <script lang="jsx">
 import { Input } from 'ant-design-vue';
-import { handleUserHome } from '@/utils/user.ts';
+// import { handleUserHome } from '@/utils/user.ts';
 import { useChatStore } from '@/stores/modules/chat';
 
 export default {
@@ -23,10 +23,7 @@ export default {
           placeholder="随时告诉我你想做什么，比如查数据、发任务、写内容，我会立刻帮你完成。"
           v-slots={{
             suffix: () => (
-              <div
-                class="bg-#F0EDFF rounded-16px w-32px h-32px flex justify-center items-center icon cursor-pointer"
-                onClick={handleSearch}
-              >
+              <div class=" rounded-16px w-32px h-32px flex justify-center items-center icon " onClick={handleSearch}>
                 <icon-arrow-right size={20} class="color-#6D4CFE" />
               </div>
             ),
diff --git a/src/layouts/components/navbar/components/middle-side/style.scss b/src/layouts/components/navbar/components/middle-side/style.scss
index 2a0219d..9e21e61 100644
--- a/src/layouts/components/navbar/components/middle-side/style.scss
+++ b/src/layouts/components/navbar/components/middle-side/style.scss
@@ -1,21 +1,29 @@
 .middle-wrap {
   display: flex;
   align-items: center;
-  .sender-input-wrap {
+  :deep(.ant-input-affix-wrapper) {
     width: 560px;
     height: 36px;
     padding: 0 2px 0 16px;
     border-radius: 50px;
     background: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(8px);
+    border-color: #fff;
     box-shadow: none;
     transition: all 0.3s;
     display: flex;
     align-items: center;
-    :deep(.ant-input-suffix) {
+    &.ant-input-affix-wrapper-focused {
+      border-color: #6d4cfe;
+      caret-color: #6d4cfe;
+    }
+    &:hover {
+      border-color: #6d4cfe;
+    }
+    .ant-input-suffix {
       margin-inline-start: 0;
     }
-    :deep(.ant-input) {
+    .ant-input {
       padding-right: 16px;
       border: none !important;
       background-color: transparent;
@@ -26,16 +34,9 @@
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
-      &:hover {
-        border-color: #6d4cfe;
-      }
       &::placeholder {
         color: #939499;
       }
-      &:focus {
-        border-color: #6d4cfe !important;
-        caret-color: #6D4CFE;
-      }
 
       &:focus-within {
         &::after {
@@ -44,6 +45,8 @@
       }
     }
     .icon {
+      cursor: pointer;
+      background: #f0edff;
       transition: background 0.3s;
       &:hover {
         background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), var(--Brand-1, #f0edff);