|
@@ -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>
|