修改界面。让它看起来好看些

@@ -271,7 +271,6 @@ body {
 }
 }
 
 
 #wrapper {
 #wrapper {
-  background-color: #d1d1d1ab;
   padding: 60px 80px;
   padding: 60px 80px;
 }
 }
 
 

 <template>
 <template>
-  <div v-if="!item.hidden&&item.children" class="menu-wrapper" :class="collapse?``:`active-menu-wrapper`">
+  <div
+    v-if="!item.hidden&&item.children"
+    class="menu-wrapper"
+    :class="collapse?``:`active-menu-wrapper`"
+  >
     <div v-if="item.onlyShowfirst">
     <div v-if="item.onlyShowfirst">
       <router-link
       <router-link
         v-if="OneShowingChild(item.children[0]) && !onlyOneChild.children&&!item.alwaysShow"
         v-if="OneShowingChild(item.children[0]) && !onlyOneChild.children&&!item.alwaysShow"
@@ -131,22 +135,8 @@ export default {
     height: 46px;
     height: 46px;
     line-height: 46px;
     line-height: 46px;
   }
   }
-  /deep/ a {
-    background-color: #ffc248;
-  }
-  /deep/ .el-menu-item:hover {
-    color: #ffffff !important;
-  }
-  /deep/ .el-menu-item.is-active {
-    background-color: $Theme-color !important;
-  }
   /deep/ .el-menu-item {
   /deep/ .el-menu-item {
     padding: 0 20px 0 12px;
     padding: 0 20px 0 12px;
   }
   }
 }
 }
-.active-menu-wrapper {
-  /deep/ .el-menu-item.is-active {
-    margin-left: 8px;
-  }
-}
 </style>
 </style>
\ No newline at end of file

@@ -4,10 +4,7 @@
       mode="vertical"
       mode="vertical"
       :show-timeout="200"
       :show-timeout="200"
       :default-active="$route.path"
       :default-active="$route.path"
-      background-color="#ffffff"
-      text-color="#666666"
       :collapse="isCollapse"
       :collapse="isCollapse"
-      active-text-color="#ffffff"
     >
     >
       <Logo :collapse="isCollapse" />
       <Logo :collapse="isCollapse" />
       <sidebar-item v-for="route in routes" :key="route.name" :item="route" :base-path="route.path" :collapse="isCollapse"></sidebar-item>
       <sidebar-item v-for="route in routes" :key="route.name" :item="route" :base-path="route.path" :collapse="isCollapse"></sidebar-item>

@@ -41,6 +41,7 @@ export default {
 }
 }
 
 
 .sidebar-logo-container {
 .sidebar-logo-container {
+  box-shadow: 2px 0 6px rgba(0,21,41,.15);
   position: relative;
   position: relative;
   width: 100%;
   width: 100%;
   height: 61px;
   height: 61px;
@@ -75,6 +76,7 @@ export default {
 .collapse {
 .collapse {
   .sidebar-logo {
   .sidebar-logo {
     margin-right: 0px !important;
     margin-right: 0px !important;
+    margin-left: 0px !important;
   }
   }
 }
 }
 </style>
 </style>
\ No newline at end of file

@@ -12,7 +12,8 @@
     .horizontal-collapse-transition {
     .horizontal-collapse-transition {
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
     }
     }
-
+    
+    box-shadow: 2px 0 6px rgba(0,21,41,.15);
     transition: width .28s;
     transition: width .28s;
     width: 256px !important;
     width: 256px !important;
     height: 100%;
     height: 100%;
@@ -29,7 +30,7 @@
     }
     }
 
 
     .svg-icon {
     .svg-icon {
-      margin-right: 16px;
+      margin-left: 14px;
     }
     }
 
 
     .el-menu {
     .el-menu {
@@ -40,16 +41,16 @@
 
 
   .hideSidebar {
   .hideSidebar {
     .sidebar-container {
     .sidebar-container {
-      width: 36px !important;
+      width: 60px !important;
     }
     }
 
 
     .navbar-header-fixed {
     .navbar-header-fixed {
-      width: calc(100% - 36px);
+      width: calc(100% - 60px);
       ;
       ;
     }
     }
 
 
     .main-container {
     .main-container {
-      margin-left: 36px;
+      margin-left: 60px;
     }
     }
 
 
     .submenu-title-noDropdown {
     .submenu-title-noDropdown {
@@ -83,10 +84,6 @@
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
   .sidebar-container .el-submenu .el-menu-item {
   .sidebar-container .el-submenu .el-menu-item {
     min-width: 180px !important;
     min-width: 180px !important;
-
-    &:hover {
-      background-color: $Theme-color !important;
-    }
   }
   }
 
 
   .el-menu--collapse .el-menu .el-submenu {
   .el-menu--collapse .el-menu .el-submenu {

+- iohook<br/>地址是：https://github.com/wilix-team/iohook 文档地址：https://wilix-team.github.io/iohook/ <br/>该库功能为全局监听键盘和鼠标事件，因为是由c++去实现的，所以可能需要rebuild。具体使用请看文档
+- 
\ No newline at end of file