From c32e441299deffc91d6f5ae17de51a6a71dcbfaf Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 16 Dec 2024 18:26:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data/datasource/form/ApiKeyValue.vue      | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
index 4856b2e7ab..4c2dc47cd5 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
@@ -223,7 +223,12 @@ const timeFunLists = [
             </el-col>
 
             <el-col :span="1">
-              <el-button text :disabled="isDisable()" @click="remove(index)">
+              <el-button
+                class="api-variable_del"
+                text
+                :disabled="isDisable()"
+                @click="remove(index)"
+              >
                 <template #icon>
                   <Icon name="icon_delete-trash_outlined"
                     ><icon_deleteTrash_outlined class="svg-icon"
@@ -246,6 +251,22 @@ const timeFunLists = [
 </template>
 
 <style lang="less">
+.api-variable_del {
+  .ed-icon {
+    color: #646a73;
+    font-size: 16px;
+  }
+
+  &:hover {
+    background: rgba(31, 35, 41, 0.1) !important;
+  }
+  &:focus {
+    background: rgba(31, 35, 41, 0.1) !important;
+  }
+  &:active {
+    background: rgba(31, 35, 41, 0.2) !important;
+  }
+}
 .api-key-value {
   & > .ed-input,
   .ed-autocomplete {