From 1a0ad0e24c630f63e54386c84c9ad320760010ce Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 21 Feb 2025 17:43:02 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E3=80=81=E8=81=94=E5=8A=A8=E7=AD=89=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/visualization/LinkageSet.vue   |  2 +-
 .../template/component/DeTemplateItem.vue     | 19 ++++++++++++++----
 .../template/component/DeTemplateList.vue     | 20 +++++++++++++++----
 3 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index d8eeb47291..65907aaf3d 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -241,7 +241,7 @@
                     </div>
 
                     <el-button class="m-del-icon-btn" text @click="deleteLinkageField(index)">
-                      <el-icon size="20px">
+                      <el-icon size="16px">
                         <Icon name="icon_delete-trash_outlined"
                           ><icon_deleteTrash_outlined class="svg-icon"
                         /></Icon>
diff --git a/core/core-frontend/src/views/template/component/DeTemplateItem.vue b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
index 9b1e984519..6dff315e13 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateItem.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
@@ -21,12 +21,12 @@
           <el-dropdown-menu class="de-card-dropdown">
             <slot>
               <el-dropdown-item command="templateEdit">
-                <el-icon><EditPen /></el-icon>
-                {{ t('commons.edit') }}
+                <el-icon class="opt-icon"><EditPen /></el-icon>
+                <span class="opt-name">{{ t('commons.edit') }}</span>
               </el-dropdown-item>
               <el-dropdown-item command="delete">
-                <el-icon><Delete /></el-icon>
-                {{ t('chart.delete') }}
+                <el-icon class="opt-icon"><Delete /></el-icon>
+                <span class="opt-name">{{ t('chart.delete') }}</span>
               </el-dropdown-item>
             </slot>
           </el-dropdown-menu>
@@ -181,4 +181,15 @@ const handleCommand = key => {
   color: #fff;
   padding: 3px;
 }
+.opt-icon {
+  font-size: 16px;
+  color: rgba(100, 106, 115, 1);
+}
+.opt-name {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+  margin-left: 3px;
+  color: rgba(31, 35, 41, 1);
+}
 </style>
diff --git a/core/core-frontend/src/views/template/component/DeTemplateList.vue b/core/core-frontend/src/views/template/component/DeTemplateList.vue
index 28d7bb969d..2e2081fa1a 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -24,12 +24,12 @@
             <template #dropdown>
               <el-dropdown-menu class="de-template-dropdown">
                 <el-dropdown-item command="edit">
-                  <el-icon><EditPen /></el-icon>
-                  {{ t('visualization.rename') }}
+                  <el-icon class="opt-icon"><EditPen /></el-icon>
+                  <span class="opt-name">{{ t('visualization.rename') }}</span>
                 </el-dropdown-item>
                 <el-dropdown-item command="delete">
-                  <el-icon><Delete /></el-icon>
-                  {{ t('visualization.delete') }}
+                  <el-icon class="opt-icon"><Delete /></el-icon>
+                  <span class="opt-name">{{ t('visualization.delete') }}</span>
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -235,4 +235,16 @@ defineExpose({
   border: 0;
   height: 1px;
 }
+
+.opt-icon {
+  font-size: 16px;
+  color: rgba(100, 106, 115, 1);
+}
+.opt-name {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+  margin-left: 3px;
+  color: rgba(31, 35, 41, 1);
+}
 </style>