修改样式

src/components/TabHeader.vue

@@ -2,7 +2,7 @@
   <div id="showheader" class="header-warp">
   <div id="showheader" class="header-warp">
     <van-nav-bar id="nav" :title="title" left-text left-arrow>
     <van-nav-bar id="nav" :title="title" left-text left-arrow>
       <template #title>
       <template #title>
-        <a class="header-title" :class="isActive?'title-active':''" href="/">人事服务</a>
+        <a class="header-title title-one" :class="isActive?'title-active':''" href="/">人事服务</a>
         <a class="header-title" :class="isActive?'':'title-active'" href="./more">更多服务</a>
         <a class="header-title" :class="isActive?'':'title-active'" href="./more">更多服务</a>
       </template>
       </template>
     </van-nav-bar>
     </van-nav-bar>
@@ -29,7 +29,7 @@ export default {
     var u = navigator.userAgent;
     var u = navigator.userAgent;
     var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
     var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
     this.top = isiOS;
     this.top = isiOS;
-    if (window.location.href.indexOf("more")>0) {
+    if (window.location.href.indexOf("more") > 0) {
       this.isActive = false;
       this.isActive = false;
     } else {
     } else {
       this.isActive = true;
       this.isActive = true;
@@ -59,13 +59,17 @@ export default {
 .header-title {
 .header-title {
   color: #8ec9fd;
   color: #8ec9fd;
   font-size: 16px;
   font-size: 16px;
+}
+
+.title-one {
   margin-right: 25px;
   margin-right: 25px;
 }
 }
+
 .title-active {
 .title-active {
   color: #ffffff;
   color: #ffffff;
   font-size: 18px;
   font-size: 18px;
 }
 }
-.van-hairline--bottom::after{
-  border-bottom-width:0px;
+.van-hairline--bottom::after {
+  border-bottom-width: 0px;
 }
 }
 </style>
 </style>