logo 字体文件 优设标题圆

src/assets/styles/font.scss

+@font-face {
+  font-family: "YouSheBiaoTiYuan"; /* Project id 3504670 */
+  src: url('../fonts/YouSheBiaoTiYuan.otf') format('truetype');
+}
+.YouSheBiaoTiYuan {
+  font-family: YouSheBiaoTiYuan;
+}
\ No newline at end of file

src/assets/styles/index.scss

@@ -4,7 +4,7 @@
 @use './sidebar.scss';
 @use './btn.scss';
 @use './ruoyi.scss';
-
+@use './font.scss';
 body {
   height: 100%;
   margin: 0;

src/layout/components/Sidebar/Logo.vue

 <template>
   <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
     <transition name="sidebarLogoFade">
-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+     
+      <router-link  key="expand" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title">{{ title }}</h1>
-      </router-link>
-      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title">{{ title }}</h1>
+        <div class="sidebar-title">{{ title }}</div>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script setup>
-import logo from '@/assets/logo/logo.png'
+import logo from '@/assets/images/logo.png'
 import useSettingsStore from '@/store/modules/settings'
 import variables from '@/assets/styles/variables.module.scss'
 
@@ -59,7 +56,7 @@ const getLogoTextColor = computed(() => {
 .sidebar-logo-container {
   position: relative;
   // width: 100%;
-  width: 150px;
+  width: 300px;
   height: 80px;
   line-height: 80px;
   background: v-bind(getLogoBackground);
@@ -69,29 +66,34 @@ const getLogoTextColor = computed(() => {
   & .sidebar-logo-link {
     height: 100%;
     width: 100%;
-
+    display: flex;
+    align-items: center;
+    padding-left: 60px;
     & .sidebar-logo {
       // width: 32px;
       height: 32px;
       vertical-align: middle;
-      margin-right: 12px;
+      margin-right: 10px;
+      
     }
 
     & .sidebar-title {
+      
       display: inline-block;
       margin: 0;
       color: v-bind(getLogoTextColor);
       font-weight: 600;
-      line-height: 50px;
-      font-size: 14px;
-      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      // line-height: 50px;
+      font-size: 27px;
+      font-family: YouSheBiaoTiYuan;
+      color: #fff;
       vertical-align: middle;
     }
   }
 
   &.collapse {
     .sidebar-logo {
-      margin-right: 0px;
+      // margin-right: 0px;
     }
   }
 }