style: 修改网页icon

index.html

@@ -6,7 +6,7 @@
     <meta content="webkit" name="renderer" />
     <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
     <title>vue-admin</title>
-    <link href="/favicon.ico" rel="icon" />
+    <link href="/favicon.png" rel="icon" />
     <script>
       window.process = {};
     </script>

src/layout/components/sidebar/logo.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { GetCurEnvName } from "@/utils/func";
-import LogosVue from "~icons/logos/vue";
 
 const props = defineProps({
   collapse: Boolean
@@ -13,11 +12,11 @@ const title = GetCurEnvName();
   <div :class="{ collapse: props.collapse }" class="sidebar-logo-container">
     <transition name="sidebarLogoFade">
       <router-link v-if="props.collapse" key="props.collapse" :title="title" class="sidebar-logo-link" to="/">
-        <logos-vue style="width: 35px; height: 35px; margin-top: 5px" />
+        <el-image src="/favicon.png" style="width: 35px; height: 35px; margin-top: 5px" />
         <span class="sidebar-title" style="margin-left: 15px">{{ title }}</span>
       </router-link>
       <router-link v-else key="expand" :title="title" class="sidebar-logo-link" to="/">
-        <logos-vue style="width: 35px; height: 35px; margin-top: 5px" />
+        <el-image src="/favicon.png" style="width: 35px; height: 35px; margin-top: 5px" />
         <span class="sidebar-title" style="margin-left: 15px">{{ title }}</span>
       </router-link>
     </transition>
@@ -29,22 +28,22 @@ const title = GetCurEnvName();
   position: relative;
   width: 100%;
   height: 48px;
-  text-align: center;
   overflow: hidden;
+  text-align: center;
 
   .sidebar-logo-link {
     height: 100%;
+    margin-top: 5px;
     overflow: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
-    margin-top: 5px;
+    white-space: nowrap;
 
     .sidebar-title {
-      color: #1890ff;
-      font-weight: 600;
-      font-size: 20px;
       margin-top: 10px;
-      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
+      font-size: 20px;
+      font-weight: 600;
+      color: #1890ff;
     }
   }