logo

src/layout/index.vue

@@ -53,7 +53,7 @@
     <router-layout />
     <!-- logo 图标 -->
     <template v-slot:logo>
-      <img src="@/assets/logo.png" alt="logo" />
+      <el-image fit="contain" src="@/assets/logo.png" alt="logo" />
     </template>
     <!-- 顶栏右侧区域 -->
     <template v-slot:right>
@@ -242,13 +242,16 @@
 </script>
 
 <style lang="scss">
-  .ele-admin-layout {
-    .ele-admin-logo {
-      font-size: 18px !important;
-      img {
-        width: 50px !important;
-        height: auto !important;
-      }
+
+  .ele-admin-logo {
+    font-size: 18px !important;
+    justify-content: flex-start !important;
+    align-items: center !important;
+    img {
+      height: 35px !important;
+      max-width: 86px;
+      width: auto;
+      margin-right: 6px;
     }
   }
   // 侧栏菜单徽章样式，定位在右侧垂直居中并调小尺寸
@@ -328,23 +331,5 @@
     }
   }
 
-  // 双侧栏时一级侧栏菜单折叠后样式调整
-  .ele-admin-nav-collapse .ele-admin-sidebar-nav-menu > .el-scrollbar {
-    & > .el-scrollbar__wrap > .el-scrollbar__view > .el-menu {
-      & > .el-menu-item,
-      & > .el-submenu > .el-submenu__title {
-        .ele-menu-badge {
-          top: 0;
-          right: 0;
-        }
-      }
-    }
-  }
 
-  .ele-admin-layout .ele-admin-logo img  {
-    height: auto !important;
-    width: 80px !important;
-    margin-right: 5px;
-    max-height: 35px
-  }
 </style>