调整头部菜单自适应

src/layout/live/head.vue

@@ -38,15 +38,19 @@
               </li> -->
               <li :class="isTab('hallList') ? 'active' : ''">
                 <a @click="turnTo('hallList')" target="">直播大厅</a>
+                <span></span>
               </li>
               <li :class="isTab('market') ? 'active' : ''">
                 <a @click="turnTo('market')" target="">科技超市</a>
+                <span></span>
               </li>
               <li :class="isTab('service') ? 'active' : ''">
                 <a @click="fuwu()" target="">创新服务</a>
+                <span></span>
               </li>
               <li :class="isTab('dynamic') ? 'active' : ''">
                 <a @click="turnTo('dynamic')" target="">动态监测</a>
+                <span></span>
               </li>
               <li :class="isTab('technical') ? 'active' : ''">
                 <a @click="turnTo('technical')" target="">技术培训</a>

src/style/style.css

@@ -266,13 +266,20 @@ p {
 	height: 50px;
 	line-height: 50px;
 	font-size: 20px;
-  border-right: 1px solid #76bdfe;
+  /* border-right: 1px solid #76bdfe; */
   width: 20%;
   text-align: center;
 }
-.supermenu .info ul li:last-child{
-  width: 300px;
+.supermenu .info ul li span{
+  display: inline-block;
+  background-color:#76bdfe ;
+  height: 50px;
+  float: right;
+  width: 1px;
 }
+/* .supermenu .info ul li:last-child{
+  width: 300px;
+} */
 
 .supermenu .info ul .active {
 	background-color: #fe950e;