导航栏样式调整

src/views/layout/menu.vue

@@ -575,50 +575,6 @@ export default {
     font-size: 13px;
   }
 
-  //   ul{
-  //   padding:0;
-  //   margin:0;
-  // }
-  // .el-menu.el-menu--horizontal{
-  //   display:flex;
-  //   justify-content:center;
-  //   background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
-  //    background:transparent;
-  //   border-bottom:none;
-  // }
-  // .el-menu--horizontal>.el-menu-item{
-  //   color:#fff;
-  // }
-  // .el-menu--horizontal>.el-submenu .el-submenu__title{
-  //   color:#fff;
-  // }
-  // .el-menu-item:focus, .el-menu-item:hover{
-  //   background-color:transparent;
-  // }
-
-  // .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:transparent;
-  // }
-  // .el-submenu{
-  //   color:red;
-  // }
-  // .el-menu--horizontal{
-  //       background: red;
-  //       width: 100%;
-  // }
-  //   .el-menu--horizontal .el-submenu {
-  // float: left;
-  // }
-  // .el-menu--horizontal{
-  //   display:block !important;
-  // }
-  // .el-menu--horizontal .el-menu-item{
-  //   float:left!important;
-  // }
-  // .el-submenu .el-menu-item{
-  //   display:flex;
-  //   float:left!important;
-  // }
 }
 
 // $childs: false;
@@ -742,7 +698,7 @@ li {
   border-bottom: 2px solid #ffd04b;
 }
 .main-active .nav-a-text {
-  color: #ffd04b !important;
+  color: #ffd04b!important;
 }
 
 .menu_ul_text:hover {
@@ -754,11 +710,12 @@ li {
 
 .submenu-container-first {
   display: none;
-  // width: 100%;
   position: absolute;
+  width: 170px;
   border-radius: 5px;
   // padding:15px;
   bottom: -65;
+  z-index:19;
 }
 .nav-a-li:hover .submenu-container-first {
   display: block;
@@ -788,7 +745,7 @@ li {
 .menu_li_court:hover .submenu-container-court {
   display: block;
   width: 100%;
-  //  max-width:350px;
+  //max-width:350px;
   z-index: 19;
   background: #fff;
   box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
@@ -801,7 +758,7 @@ li {
 .search-container {
   width: 100%;
   height: 500px;
-  background-image: url(../../assets/pic.jpg);
+  background-image: url('../../assets/pic.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -822,13 +779,5 @@ li {
   width: 60%;
 }
 
-// ul,li{
-//   padding:0;
-//   margin:0;
-// }
-// .nav-list li{
-//   height:60px;
-//   line-height:60px;
-//   text-align:center;
-// }
+
 </style>