From 0803e33d1dc4d031731423d1535c3b1459fef7b8 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 21 May 2024 17:52:21 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E8=A7=A3=E5=86=B3todo=E3=80=91AI=20Ch?=
 =?UTF-8?q?at=20=E5=A4=B4=E9=83=A8=E6=A8=A1=E5=9E=8B=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=EF=BC=8C=E5=A6=82=E6=9E=9C=E6=A8=A1=E5=9E=8B=E5=90=8D=E5=AD=97?=
 =?UTF-8?q?=E8=BF=87=E9=95=BF=EF=BC=8C=E4=BC=9A=E6=8A=8A=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=8C=A4=E5=87=BA=E5=B1=8F=E5=B9=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/index.vue | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/views/ai/chat/index.vue b/src/views/ai/chat/index.vue
index b45005b1..bce61cfe 100644
--- a/src/views/ai/chat/index.vue
+++ b/src/views/ai/chat/index.vue
@@ -15,19 +15,13 @@
         </div>
         <div class="btns">
           <!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
-            <el-button type="primary" @click="openChatConversationUpdateForm">
-              <span v-html="activeConversation?.modelName"></span>
-              <Icon icon="ep:setting" style="margin-left: 10px"/>
-            </el-button>
-          <el-button>
-            <Icon icon="ep:user"/>
-          </el-button>
-          <el-button>
-            <Icon icon="ep:download"/>
-          </el-button>
-          <el-button @click="handlerGoTop">
-            <Icon icon="ep:arrow-up"/>
+          <el-button type="primary" bg text="plain" size="small" @click="openChatConversationUpdateForm">
+            <span v-html="activeConversation?.modelName"></span>
+            <Icon icon="ep:setting" style="margin-left: 10px"/>
           </el-button>
+          <el-button size="small" :icon="User"  class="btn"  />
+          <el-button size="small" :icon="Download" class="btn"  />
+          <el-button size="small" :icon="Top" class="btn"  @click="handlerGoTop" />
         </div>
       </el-header>
 
@@ -99,6 +93,7 @@ import {ChatMessageApi, ChatMessageVO} from '@/api/ai/chat/message'
 import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
 import {useClipboard} from '@vueuse/core'
 import ChatConversationUpdateForm from "@/views/ai/chat/components/ChatConversationUpdateForm.vue";
+import {Download, Top, User} from "@element-plus/icons-vue";
 
 const route = useRoute() // 路由
 const message = useMessage() // 消息弹窗
@@ -606,7 +601,13 @@ onMounted(async () => {
     .btns {
       display: flex;
       width: 300px;
-      justify-content: space-between;
+      flex-direction: row;
+      justify-content: flex-end;
+      //justify-content: space-between;
+
+      .btn {
+        padding: 10px;
+      }
     }
   }
 }