diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index 2a9f48ff0d..6d82d39cf7 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -143,7 +143,7 @@ onMounted(() => {
         class="ai-icon copilot-icon"
         v-if="!showOverlayCopilot && appearanceStore.getShowCopilot"
       >
-        <Icon name="copilot" @click="handleCopilotClick"><copilot class="svg-icon" /></Icon>
+        <Icon name="copilot"><copilot @click="handleCopilotClick" class="svg-icon" /></Icon>
       </el-icon>
       <CopilotCom
         @confirm="copilotConfirm"
@@ -156,15 +156,15 @@ onMounted(() => {
         class="ai-icon"
         v-if="aiBaseUrl && !showOverlay && appearanceStore.getShowAi"
       >
-        <Icon name="dv-ai" @click="handleAiClick"><dvAi class="svg-icon" /></Icon>
+        <Icon name="dv-ai"><dvAi @click="handleAiClick" class="svg-icon" /></Icon>
       </el-icon>
       <el-tooltip effect="dark" content="数据导出中心" placement="bottom">
         <el-icon
           class="preview-download_icon"
           :class="navigateBg === 'light' && 'is-light-setting'"
         >
-          <Icon name="dv-preview-download" @click="downloadClick"
-            ><dvPreviewDownload class="svg-icon"
+          <Icon name="dv-preview-download"
+            ><dvPreviewDownload @click="downloadClick" class="svg-icon"
           /></Icon>
         </el-icon>
       </el-tooltip>
diff --git a/core/core-frontend/src/layout/components/HeaderSystem.vue b/core/core-frontend/src/layout/components/HeaderSystem.vue
index 069b711805..7d36d4a793 100644
--- a/core/core-frontend/src/layout/components/HeaderSystem.vue
+++ b/core/core-frontend/src/layout/components/HeaderSystem.vue
@@ -25,7 +25,7 @@ const navigate = computed(() => appearanceStore.getNavigate)
     :class="{ 'header-light': navigateBg && navigateBg === 'light' }"
   >
     <img class="logo" v-if="navigate" :src="navigate" alt="" />
-    <Icon class="de-logo" v-else className="logo" name="logo"><logo class="svg-icon logo" /></Icon>
+    <Icon class="de-logo" v-else className="logo" name="logo"><logo class="svg-icon logo de-logo" /></Icon>
     <el-divider direction="vertical" />
     <span class="system">{{ props.title || '系统设置' }}</span>
     <div class="operate-setting">
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
index 1a670d7c5c..9352eb5f3f 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
@@ -257,8 +257,8 @@ onMounted(() => {
             <span>{{ t('chart.delete') }}</span>
           </template>
           <el-icon class="child remove-icon">
-            <Icon @click="removeItem"
-              ><icon_deleteTrash_outlined class="svg-icon inner-class"
+            <Icon
+              ><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
             /></Icon>
           </el-icon>
         </el-tooltip>
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
index 5577a61667..3ede0ec03e 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
@@ -105,8 +105,8 @@ onMounted(() => {
         </span>
         <span class="item-span-style" :title="item.name">{{ item.name }}</span>
         <el-icon class="child remove-icon" size="14px">
-          <Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
-            ><icon_deleteTrash_outlined class="svg-icon inner-class"
+          <Icon name="icon_delete-trash_outlined" class-name="inner-class"
+            ><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
           /></Icon>
         </el-icon>
         <el-icon
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
index a3b98c54ce..4e33420d19 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue
@@ -114,8 +114,8 @@ onMounted(() => {
         </span>
         <span class="item-span-style" :title="item.name">{{ item.name }}</span>
         <el-icon class="child remove-icon" size="14px">
-          <Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
-            ><icon_deleteTrash_outlined class="svg-icon inner-class"
+          <Icon name="icon_delete-trash_outlined" class-name="inner-class"
+            ><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
           /></Icon>
         </el-icon>
         <el-icon
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
index 5988f110b8..51ae3d9ebf 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
@@ -354,8 +354,8 @@ onMounted(() => {
             <span>{{ t('chart.delete') }}</span>
           </template>
           <el-icon class="child remove-icon">
-            <Icon class-name="inner-class" name="icon_delete-trash_outlined" @click="removeItem"
-              ><icon_deleteTrash_outlined class="svg-icon inner-class"
+            <Icon class-name="inner-class" name="icon_delete-trash_outlined"
+              ><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
             /></Icon>
           </el-icon>
         </el-tooltip>