取消logo滚动

Author: bigrocs

src/components/Layout/Navbar.vue

@@ -31,7 +31,7 @@
     color: #fff;
     &:hover{
       background-color: #d73925;
-      border-bottom: 2px solid #fff;
+      border-bottom-color: #fff;
     }
   }
   .el-menu-item{
@@ -45,7 +45,7 @@
     }
   }
   .el-menu-item.is-active{
-    border-bottom: 2px solid #fff;
+    background-color: #d73925;
   }
   .el-menu{
     background-color: #dd4b39;

src/components/Layout/Sidebar.vue

@@ -1,6 +1,7 @@
 <template>
+  <div>
+    <div class="layout-logo-left">CoreCMF</div>
     <el-menu default-active="1-4-1" theme="dark" class="sidebar-container">
-      <div class="layout-logo-left">CoreCMF</div>
       <el-submenu index="1">
         <template slot="title">导航一</template>
         <el-menu-item-group title="分组一">
@@ -46,6 +47,7 @@
       <el-menu-item index="2">导航二</el-menu-item>
       <el-menu-item index="3">导航三</el-menu-item>
     </el-menu>
+  </div>
 </template>
 <script>
   export default {
@@ -67,9 +69,17 @@
     position: fixed;
     width:200px;
     min-height: 100%;
-    top: 0;
+    top: 50px;
     bottom:0;
     overflow-x: hidden;
     @include scrollBar;
   }
+  .el-submenu__title {
+    background-color: #d73925;
+  }
+  .el-submenu {
+
+    // background-color: #d73925;
+    border-right-color: #dd4b39;
+  }
 </style>