wxy hace 4 años
padre
commit
04956bdac4
Se han modificado 3 ficheros con 18 adiciones y 3 borrados
  1. 10 2
      src/components/common/menus.vue
  2. 1 1
      src/views/kjfw/index.vue
  3. 7 0
      src/views/kjpx/index.vue

+ 10 - 2
src/components/common/menus.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24" class="menu">
         <div class="w_1200">
-          <el-menu :default-active="activeIndex" mode="horizontal" background-color="#215299" router>
+          <el-menu :default-active="activeIndex" mode="horizontal" router>
             <el-menu-item index="kjzx">科技资讯</el-menu-item>
             <el-menu-item index="kjpx">科技培训</el-menu-item>
             <el-menu-item index="kjzy">科技资源</el-menu-item>
@@ -42,6 +42,9 @@ export default {
   width: 1200px;
   margin: 0 auto;
 }
+/deep/.el-menu {
+  background-color: #0000004f;
+}
 /deep/.el-menu.el-menu--horizontal {
   border: 0;
 }
@@ -52,7 +55,7 @@ export default {
   padding: 0;
 }
 /deep/.el-menu--horizontal > .el-menu-item {
-  width: 295px;
+  width: 300px;
   height: 70px;
   line-height: 70px;
   font-size: 22px;
@@ -70,4 +73,9 @@ export default {
 /deep/.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
   color: #fff;
 }
+/deep/.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+  background-color: #215299;
+}
 </style>

+ 1 - 1
src/views/kjfw/index.vue

@@ -24,7 +24,7 @@
             <el-col :span="12" class="two">
               <el-col :span="24" class="top">
                 <div class="shu"></div>
-                <span class="title">政务公开</span>
+                <span class="title">常用服务</span>
               </el-col>
               <el-col :span="24" class="con2">
                 <a :href="item.href1" v-for="(item, index) in links1" :key="index">

+ 7 - 0
src/views/kjpx/index.vue

@@ -307,5 +307,12 @@ export default {
 }
 /deep/.el-tabs__active-bar {
   width: 80px;
+  background-color: #005293;
+}
+/deep/.el-tabs__item.is-active {
+  color: #005293;
+}
+/deep/.el-tabs__item:hover {
+  color: #005293;
 }
 </style>