导航、车辆、系统、弹窗、登录

src/pages/shells/index/index.vue

@@ -39,7 +39,7 @@
       <div class="bottom_bg"></div>
       <div v-show="$route.path !== '/index/teach' && $route.path !== '/index/home' && $route.path !== '/index/errorinfo'" class="side-bar-container">
         <el-menu :default-active="$route.meta.guidePath" @select="handleSelectChild">
-          <el-menu-item :index="menu.index" v-for="menu in childmenus" :key="menu.index">{{menu.label}}</el-menu-item>
+          <el-menu-item :index="menu.index" v-for="menu in childmenus" :key="menu.index" :class="{'el-menu-item-long': menu.label.length === 5 }">{{menu.label}}</el-menu-item>
         </el-menu>
       </div>
       <router-view></router-view>
@@ -399,7 +399,7 @@ export default {
   .el-menu-item
     _wh(105px, 77px)
     _font(30px, 77px, #8DBFEE, bold, center)
-    font-family Source Han Sans CN
+    font-family SourceHanSansCN-Bold
     font-style italic
     background linear-gradient(0deg, #A2C3E3 0%, #5E9ED9 11.9140625%, #A2C3E3 100%)
     -webkit-background-clip text
@@ -461,7 +461,7 @@ export default {
   height 77px
 .user_name
   _font(22px, 77px, #fff,,left)
-  font-family: Source Han Sans CN
+  font-family: SourceHanSansCN-Regular
   padding-left 50px
   margin-right 4px
   background left center / 50px 52px url(../../../images/new/user_icon.png) no-repeat
@@ -478,22 +478,17 @@ export default {
   left 50%
   transform translateX(-50%)
   z-index 1000
-  width 100%
-  min-width 100px
-  background-color #fff
-  border 1px solid #ebeef5
-  border-radius 4px
-  box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
-  padding 10px 0
+  width 180px
+  background: rgba(7,31,62,0.95);
+  border: 1px solid #4980BD;
   ul
     width 100%
     li
       width 100%
-      _font(16px, 32px, #909399,,center)
+      _font(30px, 80px, #fff,,center)
       padding 0 10px
       &:hover
-        background-color #ffc3a7
-        color #fd6a35
+        color #3CC1FF
 .popper__arrow
   position absolute
   width: 0;
@@ -507,7 +502,7 @@ export default {
   transform: translateX(-6px)
   margin-right: 3px;
   border-top-width: 0;
-  border-bottom-color: #ebeef5;
+  border-bottom-color: #4980BD;
   &:after
     position: absolute;
     display: block;
@@ -520,19 +515,19 @@ export default {
     top: 1px;
     margin-left: -6px;
     border-top-width: 0;
-    border-bottom-color: #fff;
+    border-bottom-color: rgba(7,31,62,0.95);
 .side-bar-container
   .el-menu
     border-right 0
     background-color transparent
   .el-menu-item
     height 120px
-    _font(36px, 40px, #fff,,center)
+    _font(36px, 40px, #fff,,)
     font-family: YouSheBiaoTiHei
     white-space wrap
     background center / 100% 100% url(../../../images/new/sidebar_bg.png) no-repeat
     _fj(center)
-    padding 0 63px 10px 63px !important
+    padding 0 43px 10px 87px !important
   .el-menu-item.is-active
     background center / 100% 100% url(../../../images/new/sidebar_active_bg.png) no-repeat
 .hud_left
@@ -550,4 +545,7 @@ export default {
   bottom 0
   _wh(100%, 92px)
   background center bottom / 100% 100% url(../../../images/new/bottom_bg.png) no-repeat
+.side-bar-container
+  .el-menu-item-long
+    padding 0 30px 10px 87px !important
 </style>