fix(front): logo图片刷新时出现短暂时间空图问题修复及title刷新增加loading效果

# Reviewed, transaction id: 13127
TencentBlueKing · Jul 25, 2024 · 25f3572 · 25f3572
1 parent 0297353
commit 25f3572
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/web/index-dev.html b/web/index-dev.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
-        <title>GSEKit(DEV)</title>
+        <title>loading...</title>
     </head>
     <body>
         <div id="app"></div>

diff --git a/web/index.html b/web/index.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
-        <title>{{ TITLE }}</title>
+        <title>loading...</title>
     </head>
     <body>
         <div id="app"></div>

diff --git a/web/src/components/Header.vue b/web/src/components/Header.vue
@@ -56,6 +56,7 @@
 <script>
 import { mapState, mapMutations, mapActions } from 'vuex';
 import AuthSelect from '@/components/Auth/AuthSelect';
+import logoSrc from '@/assets/images/favicon.png';
 
 export default {
   components: {
@@ -77,7 +78,7 @@ export default {
       return this.$store.state.platform.i18n.name || this.appName
     },
     appLogo() {
-      return this.$store.state.platform.appLogo
+      return this.$store.state.platform.appLogo || logoSrc;
     }
   },
   watch: {