From dad8d204111f3a4f44f2d35d6264eef374e92e89 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 1 Jul 2024 10:07:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=AF=BC=E5=87=BA=E4=B8=AD=E5=BF=83-?=
 =?UTF-8?q?=E7=BC=BA=E5=A4=B1=E6=96=87=E5=AD=97=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layout/components/Header.vue          | 31 +++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index c3b3c44047..8fd1a930f0 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -129,9 +129,16 @@ onMounted(() => {
       >
         <Icon name="dv-ai" @click="handleAiClick" />
       </el-icon>
-      <el-icon style="margin: 0 10px">
-        <Icon name="dv-preview-download" @click="downloadClick" />
-      </el-icon>
+      <el-tooltip effect="dark" content="数据导出中心" placement="bottom">
+        <el-icon
+          class="preview-download_icon"
+          :class="navigateBg === 'light' && 'is-light-setting'"
+          style="margin: 0 10px"
+        >
+          <Icon name="dv-preview-download" @click="downloadClick" />
+        </el-icon>
+      </el-tooltip>
+
       <ai-tips
         @confirm="aiTipsConfirm"
         v-if="showOverlay && appearanceStore.getShowAi"
@@ -152,6 +159,24 @@ onMounted(() => {
 </template>
 
 <style lang="less" scoped>
+.preview-download_icon {
+  margin: 0 10px;
+  padding: 5px;
+  height: 28px;
+  width: 28px;
+  border-radius: 4px;
+  overflow: hidden;
+  cursor: pointer;
+  &:hover {
+    background-color: #1e2738;
+  }
+  &.is-light-setting {
+    &:hover {
+      background-color: var(--ed-menu-hover-bg-color) !important;
+    }
+  }
+}
+
 .overlay {
   position: fixed;
   top: 0;