Răsfoiți Sursa

优化左侧菜单

ZaiZai 2 ani în urmă
părinte
comite
3a4814bcf7
2 a modificat fișierele cu 4 adăugiri și 4 ștergeri
  1. 1 1
      src/layout/index.vue
  2. 3 3
      src/layout/modules/MenuBar.vue

+ 1 - 1
src/layout/index.vue

@@ -3,7 +3,7 @@
         <div v-show="MenuBarKey === 'home-index'" class="hc-layout-bg-box">
             <img v-if="HomeTheme.bg" id="imagebox" :src="HomeTheme.bg" alt="" crossOrigin="anonymous">
         </div>
-        <el-aside :class="[isCollapse?'collapse':'', MenuBarKey]" :width="isCollapse?'120px':'250px'"
+        <el-aside :class="[isCollapse?'collapse':'', MenuBarKey]" :width="isCollapse?'90px':'250px'"
                   class="hc-aside-box">
             <div class="hc-aside-logo-box" @click="logoClick">
                 <img :src="getAssetsHomeFile(`${AppColor.name}.png`)" alt="" class="logo-img">

+ 3 - 3
src/layout/modules/MenuBar.vue

@@ -171,11 +171,11 @@ const MenuClick = (item) => {
 }
 .hc-aside-menu.el-menu--collapse {
     margin-left: 0;
-    width: 120px;
+    width: 90px;
     .el-sub-menu__title {
         height: inherit;
         line-height: initial;
-        width: 120px;
+        width: 90px;
         justify-content: center;
         transition: 0.2s;
     }
@@ -186,7 +186,7 @@ const MenuClick = (item) => {
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 120px;
+        width: 90px;
         transition: 0.2s;
         .hc-aside-menu-item {
             display: inline-flex;