From 1c8bdc7e7e2e68909d16ddb18197a078f2259bea Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Fri, 17 May 2024 22:53:07 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91AI=20?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=EF=BC=8C=E7=BC=96=E8=BE=91=E3=80=81=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=20=E6=94=B9=E4=B8=BA=20button=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/Conversation.vue | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/views/ai/chat/Conversation.vue b/src/views/ai/chat/Conversation.vue
index 8a790385..1c96c662 100644
--- a/src/views/ai/chat/Conversation.vue
+++ b/src/views/ai/chat/Conversation.vue
@@ -42,12 +42,19 @@
               </div>
               <!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 -->
               <div class="button-wrapper">
-                <el-icon title="编辑" @click="updateConversationTitle(conversation)">
-                  <Icon icon="ep:edit"/>
-                </el-icon>
-                <el-icon title="删除会话" @click="deleteChatConversation(conversation)">
-                  <Icon icon="ep:delete"/>
-                </el-icon>
+                <el-button link>
+                  <el-icon title="置顶"><Top /></el-icon>
+                </el-button>
+                <el-button link @click="updateConversationTitle(conversation)">
+                  <el-icon title="编辑" >
+                    <Icon icon="ep:edit"/>
+                  </el-icon>
+                </el-button>
+                <el-button link @click="deleteChatConversation(conversation)">
+                  <el-icon title="删除会话" >
+                    <Icon icon="ep:delete"/>
+                  </el-icon>
+                </el-button>
               </div>
             </div>
           </el-row>
@@ -82,6 +89,7 @@
 import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
 import {ref} from "vue";
 import Role from "@/views/ai/chat/role/index.vue";
+import {Top} from "@element-plus/icons-vue";
 
 const message = useMessage() // 消息弹窗
 
@@ -313,6 +321,12 @@ onMounted(async () => {
 
 </script>
 
+<style>
+.el-button--default {
+  margin: 0!important;
+}
+</style>
+
 <style scoped lang="scss">
 
 .conversation-container {
@@ -386,7 +400,7 @@ onMounted(async () => {
         color: #606266;
 
         .el-icon {
-          margin-right: 5px;
+          //margin-right: 5px;
         }
       }
     }