From eb81b7e091e79d1be53b88e37da4c55da8c96cce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BD=A6=E6=B3=BD?= <liuyanze@syxysoft.com>
Date: Tue, 27 Dec 2022 16:33:58 +0800
Subject: [PATCH] =?UTF-8?q?UI=E7=95=8C=E9=9D=A2=E5=8F=98=E6=9B=B4-?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E6=89=8B=E5=86=8C-=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/tools/HeaderNotice.vue | 10 +++++++++-
 jero-web/src/components/tools/UserMenu.vue     |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/jero-web/src/components/tools/HeaderNotice.vue b/jero-web/src/components/tools/HeaderNotice.vue
index 835c6d99a..57eec24e9 100644
--- a/jero-web/src/components/tools/HeaderNotice.vue
+++ b/jero-web/src/components/tools/HeaderNotice.vue
@@ -31,7 +31,7 @@
       </a-spin>
     </template>
     <span @click="fetchNotice" class="header-notice">
-      <a-tooltip placement="bottomRight" :title="$t('MessageCenter')">
+      <a-tooltip placement="bottomRight" :title="$t('MessageCenter')" overlayClassName="tooltipColor">
       <a-badge :count="msgTotal">
         <a-icon style="font-size: 16px; padding: 4px" type="bell"/>
       </a-badge>
@@ -262,6 +262,14 @@
   .tabs .ant-tabs-nav .ant-tabs-tab-active {
     color: #000F16 !important;
   }
+
+  .tooltipColor .ant-tooltip-inner {
+    color: #333;
+    background-color: #fff !important;
+  }
+  .tooltipColor .ant-tooltip-arrow::before {
+    background-color: #fff;
+  }
 </style>
 <style lang="less" scoped>
   .header-notice {
diff --git a/jero-web/src/components/tools/UserMenu.vue b/jero-web/src/components/tools/UserMenu.vue
index 63059fb63..5b1a81350 100644
--- a/jero-web/src/components/tools/UserMenu.vue
+++ b/jero-web/src/components/tools/UserMenu.vue
@@ -33,7 +33,7 @@
     <!--    </span>-->
     <div class="action" @click="Jumpflybook">
       <span  class="header-notice">
-         <a-tooltip placement="bottomRight" :title="$t('userManual')">
+         <a-tooltip placement="bottomRight" :title="$t('userManual')" overlayClassName="tooltipColor">
           <a-icon style="font-size: 16px; padding: 4px; color: #000000A6" type="question-circle"/>
            </a-tooltip>
       </span>