侧边栏样式调整

src/layout/components/AppMain.vue

@@ -9,20 +9,11 @@
 <template>
   <section class="app-main">
     <div class="app-main-content">
-      <transition
-        name="fade-transform"
-        mode="out-in"
-      >
-        <keep-alive
-          v-if="$route.meta && $route.meta.keepAlive"
-          :max="6"
-        >
+      <transition name="fade-transform" mode="out-in">
+        <keep-alive v-if="$route.meta && $route.meta.keepAlive" :max="6">
           <router-view :key="key" />
         </keep-alive>
-        <router-view
-          v-else
-          :key="key"
-        />
+        <router-view v-else :key="key" />
       </transition>
     </div>
   </section>
@@ -32,7 +23,7 @@
 export default {
   name: 'AppMain',
   computed: {
-    key() {
+    key () {
       return Object.keys(this.$route.query).reduce((string, currentKey, index) => {
         if (currentKey !== 'fastFilter') {
           string += `${index ? '&' : '?'}${currentKey}=${this.$route.query[currentKey]}`
@@ -51,7 +42,7 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
-  padding-left: 150px;
+  padding-left: 240px;
   padding-top: 80px;
   /* margin-top: 112px; */
 }

src/layout/components/Navbar.vue

@@ -410,7 +410,7 @@ export default {
     background: #ffffff;
     justify-content: space-between;
     align-items: center;
-    padding-left: 130px;
+    padding-left: 220px;
     padding-right: 24px;
     ::v-deep .el-breadcrumb {
       font-size: 18px;

src/styles/sidebar.scss

@@ -8,7 +8,7 @@
   }
 
   .sidebar-container {
-    width: 150px;
+    width: 240px;
     // transition: width 0.28s;
     // width: $sideBarWidth !important;
     background-color: #041741;
@@ -109,7 +109,7 @@
 
   .hideSidebar {
     .sidebar-container {
-      width: 150px;
+      width: 240px;
     }
 
     .main-container {