5.11.6

src/layout/index.vue

@@ -57,7 +57,7 @@
           :unique-opened="true"
           text-color="#333"
           active-text-color="#333"
-          background-color="#fff"
+          background-color="background-color: rgba($color: #0158a8, $alpha: 0);"
           :default-active="activeMenu"
         >
           <!-- <menu-item
@@ -73,13 +73,13 @@
             <router-link to="/indexLayout">首页</router-link>
           </el-menu-item> -->
                <!-- <router-link  to="/matchLayout" v-show="yingyong"  class="yingyong">应用大赛</router-link> -->
-          <el-menu-item
+          <el-menu-item    background-color="background-color: rgba($color: #0158a8, $alpha: 0.1);"
             v-if="loginStatus && userType != 1"
             :class="currentMenu == 'my-workbench' ? 'itemOn' : ''"
           >
             <!-- <router-link to="/indexLayout/my-workbench" v-show="yingyong" >我的工作台</router-link> -->
           </el-menu-item>
-          <el-menu-item
+          <el-menu-item      background-color="background-color: rgba($color: #0158a8, $alpha: 0.1);"
             v-if="loginStatus"
             :class="currentMenu == 'user' ? 'itemOn' : ''"
           >
@@ -99,7 +99,7 @@
               </div>
             </router-link>
           </el-menu-item>
-          <el-menu-item v-else>
+          <el-menu-item v-else style=" background:none;">
             <p @click="toLogin">登录/注册</p>
           </el-menu-item>
         </el-menu>
@@ -420,6 +420,7 @@ export default {
     @include w_h();
   }
 }
+
 .yingyong{
   font-size: 14px;
   color: #303133;
@@ -432,8 +433,9 @@ export default {
   @include flex();
   @include w_h(100%, 50px);
   min-width: 1000px;
-  background: $color_f;
+  //background: $color_f;
   box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.04);
+      background-color: rgba($color: #0158a8, $alpha: 0.2);
   .logo {
     @include w_h(100px);
     &:hover {
@@ -469,11 +471,13 @@ export default {
     .el-menu {
       height: 100%;
       border: none;
-      background: $color_f;
+      background:none;
       color: #0470cc;
       .itemOn {
-        color: $color_on !important;
-        border-bottom: 2px solid $color_on !important;
+        // color: $color_on !important;
+        // border-bottom: 2px solid $color_on !important;
+         color: rgba($color: #0158a8, $alpha: 1)!important;
+          border-bottom: 2px solid  #0158a8!important;
       }
     }
     .user {

src/views/index/workbench/components/guanyuwe.vue

@@ -10,6 +10,7 @@
     title="关于我们"
   :visible.sync="gyisShow"
     width="1200px"
+    top="50px"
   >
        <div class="gy_top">
       <div class="bakga">

src/views/user/userLayout.vue

@@ -92,12 +92,13 @@ export default {
 @import '@/styles/variables.scss';
 @import '@/styles/mixin.scss';
 // @import '@/styles/transition.scss';
+.el-menu{
+ background-color: rgba($color: #0158a8, $alpha: 0);
+}
 .user {
  // padding: 10px 0;
   @include w_h(100%, 100%);
   //background: $color_f2;
- //background-color: #3d70b2;
-   //background-color: rgba($color: #0158a8, $alpha: 0.8);
 
   .container {
     @include flex(space-between, normal);
@@ -106,7 +107,7 @@ export default {
    padding: 0;
     .user-slider {
       @include w_h(180px);
-    background-color: rgba($color: #0158a8, $alpha: 1.0);
+    background-color: rgba($color: #0158a8, $alpha: 0.2);
     }
     .user-main {
       @include w_h(calc(100% - 190px), 100%);
@@ -122,14 +123,14 @@ export default {
   .el-menu {
     border: none;
     // background-color: rgba($color: #0158a8, $alpha: 1.0);
-       background-color:#0158a8;
+ 
     &-item {
       height: 40px;
       line-height: 40px;
       font-size: 14px;
       text-align: center;
-      //color: $color_9;
-      color: $color_f;
+      color: $color_9;
+     // color: $color_f;
       &:hover{
       color: $color_9;
       }