no message

Former-commit-id: b3ef513a0e5ecf84c438e4363a1dff4e190b7d8b
Former-commit-id: 78962f5f37c74c581015466966fc8beeb366ddfc
Former-commit-id: 09b11468354468cb6e5f76c0030d66588fa80b54

src/assets/style/theme/default.scss

@@ -27,6 +27,23 @@ $color: #409EFF;
           height: 60px;
         }
       }
+      .toggle-sidemenu-btn {
+        float: left;
+        height: 60px;
+        width: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        user-select: none;
+        cursor: pointer;
+        i {
+          font-size: 24px;
+          color: $color-text-normal;
+          &:hover {
+            color: $color-primary;
+          }
+        }
+      }
       // 顶栏菜单
       .el-menu {
         float: left;

src/components/core/MainLayout/components/SideMenu/index.vue

@@ -43,11 +43,17 @@
 import { mapState } from 'vuex'
 import { menu, router } from '@/router/menu/index.js'
 export default {
+  props: {
+    collapse: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
   data () {
     return {
       menu,
-      router,
-      collapse: false
+      router
     }
   },
   computed: {

src/components/core/MainLayout/index.vue

@@ -4,6 +4,9 @@
       <div class="logo-group">
         <img src="@/assets/image/logo/header.png">
       </div>
+      <div class="toggle-sidemenu-btn">
+        <Icon name="bars"></Icon>
+      </div>
       <HeaderMenu></HeaderMenu>
       <HeaderRight></HeaderRight>
     </el-header>