[UPDATE]修复Navbar样式bug

src/layout/components/Navbar.vue

@@ -86,8 +86,9 @@ export default {
   height: 50px;
   line-height: 50px;
 }
-.el-submenu /deep/ .el-submenu__title{
+.el-submenu-right /deep/ .el-submenu__title{
   height: 50px;
+  padding: 0 20px !important;
   line-height: 50px;
 }
 

src/layout/components/Sidebar/SidebarItem.vue

@@ -8,7 +8,7 @@
       </app-link>
     </template>
 
-    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body class="el-submenu-sidebar">
       <template slot="title">
         <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="translate(item.meta.title)" />
       </template>

src/styles/sidebar.scss

@@ -75,8 +75,8 @@
       color: $subMenuActiveText !important;
     }
 
-    & .nest-menu .el-submenu>.el-submenu__title,
-    & .el-submenu .el-menu-item {
+    & .nest-menu .el-submenu-sidebar>.el-submenu__title,
+    & .el-submenu-sidebar .el-menu-item {
       min-width: $sideBarWidth !important;
       background-color: $subMenuBg !important;
 
@@ -108,7 +108,7 @@
       }
     }
 
-    .el-submenu {
+    .el-submenu-sidebar {
       overflow: hidden;
 
       &>.el-submenu__title {
@@ -125,7 +125,7 @@
     }
 
     .el-menu--collapse {
-      .el-submenu {
+      .el-submenu-sidebar {
         &>.el-submenu__title {
           &>span {
             height: 0;
@@ -139,7 +139,7 @@
     }
   }
 
-  .el-menu--collapse .el-menu .el-submenu {
+  .el-menu--collapse .el-menu .el-submenu-sidebar {
     min-width: $sideBarWidth !important;
   }
 
@@ -180,7 +180,7 @@
     }
   }
 
-  .nest-menu .el-submenu>.el-submenu__title,
+  .nest-menu .el-submenu-sidebar>.el-submenu__title,
   .el-menu-item {
     &:hover {
       // you can use $subMenuHover