关闭默认隐藏，添加侧边栏样式

src/assets/styles/sidebar.scss

@@ -24,8 +24,9 @@
     left: 0;
     z-index: 1001;
     overflow: hidden;
-    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
-    box-shadow: 2px 0 6px rgba(0,21,41,.35);
+    background-image: url(../images/侧边栏@1x.png);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
 
     // reset element-ui css
     .horizontal-collapse-transition {
@@ -68,6 +69,7 @@
       border: none;
       height: 100%;
       width: 100% !important;
+      background-image: url(../images/侧边栏2.png);
     }
 
     .el-menu-item, .el-submenu__title {

src/layout/components/Sidebar/index.vue

@@ -5,7 +5,6 @@
             <el-menu
                 :default-active="activeMenu"
                 :collapse="isCollapse"
-                :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
                 :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
                 :unique-opened="true"
                 :active-text-color="settings.theme"

src/layout/components/breadword.vue

@@ -2,7 +2,7 @@
   <div class="navbar">
     <div class="navbarleft">
       <!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
-      @toggleClick="toggleSideBar" /> -->
+      @toggleClick="toggleSideBar"  /> -->
       <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
       <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
     </div>
@@ -55,9 +55,6 @@ export default {
     }
   },
   methods: {
-    // toggleSideBar() {
-    //   this.$store.dispatch('app/toggleSideBar')
-    // },
     async logout() {
       this.$confirm('确定注销并退出系统吗？', '提示', {
         confirmButtonText: '确定',
@@ -95,6 +92,7 @@ export default {
   }
 
   .hamburger-container {
+    display: none;
     line-height: 46px;
     height: 100%;
     float: left;