尾部导航

src/layout/components/Sidebar/Logo.vue

@@ -16,7 +16,7 @@
         class="sidebar-logo-link"
         to="/"
       >
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <img v-if="logoSmall" :src="logoSmall" class="sidebar-logo-small" />
         <h1
           v-else
           class="sidebar-title"
@@ -51,6 +51,7 @@
 <script setup>
 import variables from "@/assets/styles/variables.module.scss";
 import logo from "@/assets/logo/logo.png";
+import logoSmall from "@/assets/logo/logo_small.png";
 import useSettingsStore from "@/store/modules/settings";
 
 defineProps({
@@ -60,7 +61,7 @@ defineProps({
   },
 });
 
-const title = ref("中科云");
+const title = ref("数字科创大脑");
 const settingsStore = useSettingsStore();
 const sideTheme = computed(() => settingsStore.sideTheme);
 </script>
@@ -89,11 +90,20 @@ const sideTheme = computed(() => settingsStore.sideTheme);
     width: 100%;
 
     & .sidebar-logo {
-      width: 32px;
+      // width: 32px;
+      width: 75px;
       height: 32px;
       vertical-align: middle;
       margin-right: 12px;
     }
+    & .sidebar-logo-small {
+      // width: 32px;
+      width: unset;
+      height: 22px;
+      vertical-align: middle;
+      // margin-right: 12px;
+      margin-right: 0;
+    }
 
     & .sidebar-title {
       display: inline-block;