修改菜单当前状态

css/global.css

@@ -133,11 +133,11 @@ body{
   font-size: 12px;
 }
 .top-nav .nav-link{
-  color:#999;
+  color:#666;
   font-size:18px;
 }
 .top-nav .nav-link.active{
-  color:#333;
+  color:#007bff;
   /*text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;*/
   position: relative;
 }
@@ -145,20 +145,20 @@ body{
   position:absolute;
   content: "";
   top:39px;
-  left:50%;
+  left:30%;
   margin-left:-8px;
   height: 0px;
-  width: 0px;
+  width: 50px;
   border-left: 7px solid transparent;
-  border-bottom: 8px solid #DDD;
+  border-bottom: 1px solid #007bff;
   border-right: 8px solid transparent;
 }
 .top-nav .nav-link:hover{
-  color:#000;
+  color:#007bff;
   /*text-shadow: 0px 0px 20px #1e6eff;*/
 }
 .top-nav .nav-link.active:hover{
-  color:#333;
+  color:#007bff;
   /*text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;*/
   cursor: default;
 }
@@ -341,7 +341,7 @@ body{
   border-bottom:1px solid #eaeaea;
 }
 .software:hover{
-  background: #eaeaea
+  background: #f5f6f7
 }
 .software a{
   color:#333;
@@ -352,7 +352,6 @@ body{
   font-weight: bold;
 }
 .software.active{
-  font-weight: bold;
   color:#000;
   background: #eaeaea
 }
@@ -368,7 +367,7 @@ body{
   border-bottom: 8px solid transparent;
 }
 .software.active a{
-  color:#333;
+  color:#007bff;
 }
 .software.active .software-num,.software:hover .software-num{
   background:#999;
@@ -439,14 +438,32 @@ body{
   top:0;
   border-color: #eaeaea;
 }
-.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
-  border-color: #eaeaea;
-  background: #eaeaea
+.software-nav .nav-link{
+  color:#666;
 }
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-  border-color: #fff;
+  color:#007bff;
+  border-color:#f5f6f7;
   background:#fff;
 }
+.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
+  border-color: #f5f6f7;
+  background: #f5f6f7;
+  color: #007bff;
+  position: relative;
+}
+.nav-tabs .nav-item.show .nav-link:before,.nav-tabs .nav-link.active:before{
+  position:absolute;
+  content: "";
+  top:74px;
+  left:38px;
+  margin-left:-8px;
+  height: 0px;
+  width: 40px;
+  border-left: 7px solid transparent;
+  border-bottom: 1px solid #007bff;
+  border-right: 8px solid transparent;
+}
 .nav-link{
   padding:13px 25px;
 }

software-index.html

@@ -17,10 +17,10 @@
           <div class="pt-2 pb-2 pr-2"><img src="images/softIcon.png" width="30" height="30"   data-toggle="tooltip" data-placement="bottom" title="纵横Z+造价工作平台 V0.1.18"></div>
           <div class="p-2">
             <nav class="nav top-nav">
-              <a class="nav-link active pt-1 px-2" href="#">公路造价</a>
-              <a class="nav-link pt-1 px-2" href="software-buliding.html">市政房建</a>
-              <a class="nav-link pt-1 px-2" href="software-news.html">新闻动态</a>
-              <a class="nav-link pt-1 px-2" href="software-train.html">专业培训</a>
+              <a class="nav-link active p-1 px-2" href="#">公路造价</a>
+              <a class="nav-link p-1 px-2" href="software-buliding.html">市政房建</a>
+              <a class="nav-link p-1 px-2" href="software-news.html">新闻动态</a>
+              <a class="nav-link p-1 px-2" href="software-train.html">专业培训</a>
             </nav>
           </div>
           <div class="ml-auto p-2 ">