no message

Former-commit-id: 08914438f5ff8386284563d43482572552e5ec8e
Former-commit-id: 0d520c6d365d5d44b8a2c93f3bab8a8368566013
Former-commit-id: 8172f79950f2dd5d7bd582cf169cfd8b74b12cb0

src/components/core/MainLayout/index.vue

@@ -4,15 +4,15 @@
       <div class="logo-group">
         <img src="@/assets/image/logo/header.png">
       </div>
-      <div class="toggle-sidemenu-btn">
+      <div class="toggle-sidemenu-btn" @click="toggleAside">
         <Icon name="bars"></Icon>
       </div>
       <HeaderMenu></HeaderMenu>
       <HeaderRight></HeaderRight>
     </el-header>
     <el-container>
-      <el-aside style="width: 200px;">
-        <SideMenu></SideMenu>
+      <el-aside :style="asideStyle">
+        <SideMenu :collapse="collapse"></SideMenu>
       </el-aside>
       <el-main>
         <router-view></router-view>
@@ -30,7 +30,20 @@ export default {
   },
   data () {
     return {
-      theme: 'default'
+      theme: 'default',
+      collapse: false
+    }
+  },
+  computed: {
+    asideStyle () {
+      return {
+        width: `${this.collapse ? '65' : '200'}px`
+      }
+    }
+  },
+  methods: {
+    toggleAside () {
+      this.collapse = !this.collapse
     }
   }
 }