style:样式修改

@@ -19,11 +19,11 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-  import sidebarLeft from "./Sidebar/sidebarLeft";
-  import sidebarRight from "./Sidebar/sidebarRight";
-  import { logout } from "@/api/login.js";
-  import { mapGetters } from "vuex";
-  export default {
+import sidebarLeft from "./Sidebar/sidebarLeft";
+import sidebarRight from "./Sidebar/sidebarRight";
+import { logout } from "@/api/login.js";
+import { mapGetters } from "vuex";
+export default {
   components: {
   components: {
     sidebarLeft,
     sidebarLeft,
     sidebarRight,
     sidebarRight,
@@ -57,89 +57,89 @@
         });
         });
     },
     },
   },
   },
-  };
+};
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-  /deep/.el-menu--horizontal {
+/deep/.el-menu--horizontal {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
-  }
+}
 
 
-  .menubg {
+.menubg {
   height: 34px;
   height: 34px;
-    width: 130px;
+  width: 130px !important;
   text-align: center;
   text-align: center;
   color: #ffffff;
   color: #ffffff;
-    margin-right: 20px;
   background: url("~@/image/navbar.png") no-repeat;
   background: url("~@/image/navbar.png") no-repeat;
   background-size: 100% 100%;
   background-size: 100% 100%;
-  }
+}
 
 
-  /deep/.el-menu-item {
+/deep/.el-menu-item {
   @extend .menubg;
   @extend .menubg;
-  }
+}
 
 
-  /deep/.el-submenu {
+/deep/.el-submenu {
   @extend .menubg;
   @extend .menubg;
-  }
+}
 
 
-  /deep/.el-submenu__title {
+/deep/.el-submenu__title {
   height: 34px;
   height: 34px;
   color: #ffffff;
   color: #ffffff;
-  }
+}
 
 
-  /deep/.el-submenu__title span {
+/deep/.el-submenu__title span {
   font-size: 14px;
   font-size: 14px;
-  }
+}
 
 
-  .sidebarLeft {
+.sidebarLeft {
   position: relative;
   position: relative;
   top: 13px;
   top: 13px;
   width: 30%;
   width: 30%;
-  }
+}
 
 
-  /deep/.el-menu {
+/deep/.el-menu {
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
-  }
+  width: 100%;
+}
 
 
-  /deep/.el-menu-item {
+/deep/.el-menu-item {
   flex: 1;
   flex: 1;
   width: 100%;
   width: 100%;
-  }
+}
 
 
-  .sidebarRight {
+.sidebarRight {
   position: relative;
   position: relative;
   top: 13px;
   top: 13px;
   width: 30%;
   width: 30%;
-    padding-left: 20px;
-  }
+}
 
 
-  // 导航选中背景色
-  .xuanzhong {
+// 导航选中背景色
+.xuanzhong {
   background: url("~@/image/selNavbar.png") no-repeat;
   background: url("~@/image/selNavbar.png") no-repeat;
   background-size: 100% 100%;
   background-size: 100% 100%;
   color: #ffffff !important;
   color: #ffffff !important;
   font-weight: 700;
   font-weight: 700;
-  }
+}
 
 
-  /deep/.el-menu-item:hover {
+/deep/.el-menu-item:hover {
   @extend .xuanzhong;
   @extend .xuanzhong;
-  }
+}
 
 
-  /deep/.el-submenu__title:hover {
+/deep/.el-submenu__title:hover {
   @extend .xuanzhong;
   @extend .xuanzhong;
-  }
+}
 
 
-  /deep/.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
+/deep/.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
   @extend .xuanzhong;
   @extend .xuanzhong;
-  }
+}
 
 
-  /deep/.el-menu-item.is-active {
+/deep/.el-menu-item.is-active {
   @extend .xuanzhong;
   @extend .xuanzhong;
-  }
 
 
-  .navbar {
+}
+
+.navbar {
   height: $headerHeight;
   height: $headerHeight;
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
@@ -258,5 +258,5 @@
       }
       }
     }
     }
   }
   }
-  }
+}
 </style>
 </style>