style: 菜单图表样式

src/components/SvgIcon/index.vue

@@ -45,8 +45,8 @@ const svgClass = computed(() => {
   position: relative;
   width: 1em;
   height: 1em;
-  margin-right: 5px;
   color: var(--color);
+  vertical-align: -2px;
   fill: currentColor;
 }
 </style>

src/layouts/LayoutColumns/index.scss

@@ -29,7 +29,8 @@
           height: 70px;
           cursor: pointer;
           transition: all 0.3s ease;
-          .el-icon {
+          .el-icon,
+          .svg-icon {
             font-size: 20px;
           }
           .title {

src/layouts/LayoutColumns/index.vue

@@ -22,7 +22,7 @@
     </div>
     <el-aside :class="{ 'not-aside': !subMenuList.length }" :style="{ width: isCollapse ? '65px' : '210px' }">
       <div class="logo flx-center">
-        <span v-show="subMenuList.length" class="logo-text">{{ isCollapse ? 'G' : title }}</span>
+        <span v-show="subMenuList.length" class="logo-text">{{ isCollapse ? 'C' : title }}</span>
       </div>
       <el-scrollbar>
         <el-menu :router="false" :default-active="activeMenu" :collapse="isCollapse" :unique-opened="accordion" :collapse-transition="false">

src/layouts/components/Header/components/Breadcrumb.vue

@@ -72,7 +72,7 @@ const onBreadcrumbClick = (item: Menu.MenuOptions, index: number) => {
           font-size: 16px;
         }
         .breadcrumb-title {
-          margin-top: 1px;
+          margin-top: 2px;
         }
       }
       &:last-child .el-breadcrumb__inner,

src/layouts/components/Menu/SubMenu.vue

@@ -39,6 +39,18 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
   background-color: var(--el-menu-bg-color) !important;
 }
 .el-menu--collapse {
+  .el-sub-menu {
+    .el-sub-menu__title {
+      .svg-icon {
+        margin-right: 0;
+      }
+    }
+  }
+  .el-menu-item {
+    .svg-icon {
+      margin-right: 0;
+    }
+  }
   .is-active {
     .el-sub-menu__title {
       color: #ffffff !important;
@@ -46,6 +58,13 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
     }
   }
 }
+.el-sub-menu {
+  .el-sub-menu__title {
+    .svg-icon {
+      margin-right: 5px;
+    }
+  }
+}
 .el-menu-item {
   &:hover {
     color: var(--el-menu-hover-text-color) !important;
@@ -64,6 +83,9 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
       border-radius: 6px;
     }
   }
+  .svg-icon {
+    margin-right: 5px;
+  }
 }
 .vertical,
 .classic,