feat: 更新logo

index.html

@@ -7,7 +7,7 @@
     <meta http-equiv="Cache-control" content="no-cache" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/favicon.svg" />
+    <link rel="icon" href="/favicon.png" />
     <link rel="stylesheet" href="/resource/loading.css" />
 
     <title><%= title %></title>
@@ -17,7 +17,7 @@
     <div id="app">
       <!-- 白屏时的loading效果 -->
       <div class="loading-container">
-        <div id="loadingLogo" class="loading-svg"></div>
+        <img src="/resource/logo.png" alt="logo" height="128" />
         <div class="loading-spin__container">
           <div class="loading-spin">
             <div class="left-0 top-0 loading-spin-item"></div>

public/resource/loading.css

@@ -10,12 +10,6 @@
 	height: 100%;
 }
 
-.loading-svg {
-	width: 128px;
-	height: 128px;
-	color: var(--primary-color);
-}
-
 .loading-spin__container {
 	width: 56px;
 	height: 56px;

public/resource/loading.js

@@ -1,17 +1,3 @@
-/**
- * 初始化加载效果的svg格式logo
- * @param {string} id - 元素id
- */
- function initSvgLogo(id) {
-  const svgStr = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" data-v-fba6e5d0=""><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-92.2 312.9c-63.4 0-85.4-28.6-97.1-64.1c-16.3-51-21.5-84.3-63-84.3c-22.4 0-45.1 16.1-45.1 61.2c0 35.2 18 57.2 43.3 57.2c28.6 0 47.6-21.3 47.6-21.3l11.7 31.9s-19.8 19.4-61.2 19.4c-51.3 0-79.9-30.1-79.9-85.8c0-57.9 28.6-92 82.5-92c73.5 0 80.8 41.4 100.8 101.9c8.8 26.8 24.2 46.2 61.2 46.2c24.9 0 38.1-5.5 38.1-19.1c0-19.9-21.8-22-49.9-28.6c-30.4-7.3-42.5-23.1-42.5-48c0-40 32.3-52.4 65.2-52.4c37.4 0 60.1 13.6 63 46.6l-36.7 4.4c-1.5-15.8-11-22.4-28.6-22.4c-16.1 0-26 7.3-26 19.8c0 11 4.8 17.6 20.9 21.3c32.7 7.1 71.8 12 71.8 57.5c.1 36.7-30.7 50.6-76.1 50.6z" style="fill:currentColor"></path></svg>`
-  const appEl = document.querySelector(id)
-  const div = document.createElement('div')
-  div.innerHTML = svgStr
-  if (appEl) {
-    appEl.appendChild(div)
-  }
-}
-
 function addThemeColorCssVars() {
   const key = '__THEME_COLOR__'
   const defaultColor = '#316c72'
@@ -21,5 +7,3 @@ function addThemeColorCssVars() {
 }
 
 addThemeColorCssVars()
-
-initSvgLogo('#loadingLogo')

src/layout/components/sidebar/components/SideLogo.vue

@@ -1,6 +1,6 @@
 <template>
   <router-link h-60 f-c-c to="/">
-    <icon-custom-logo text-36 color-primary></icon-custom-logo>
+    <img src="@/assets/images/logo.png" height="42" />
     <h2 v-show="!appStore.collapsed" ml-10 max-w-140 flex-shrink-0 text-16 font-bold color-primary>
       {{ title }}
     </h2>

src/views/login/index.vue

@@ -11,7 +11,7 @@
 
       <div w-320 flex-col px-20 py-35>
         <h5 f-c-c text-24 font-normal color="#6a6a6a">
-          <icon-custom-logo mr-10 text-50 color-primary />
+          <img src="@/assets/images/logo.png" height="50" class="mr-10" />
           {{ title }}
         </h5>
         <div mt-30>