修改链接

src/components/TabHeader.vue

 <template>
 <template>
-  <div id="showheader" class="header">
+  <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" :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>
@@ -49,7 +48,7 @@ export default {
   width: 100%;
   width: 100%;
   z-index: 1100;
   z-index: 1100;
 }
 }
-.header /deep/ .van-nav-bar .van-icon {
+.header-warp /deep/ .van-nav-bar .van-icon {
   color: #fff !important;
   color: #fff !important;
   font-size: 16px !important;
   font-size: 16px !important;
 }
 }

src/views/Bill/index.vue

 <template>
 <template>
-  <div>
+  <div class="container">
     <div class="header">
     <div class="header">
       <tab-header :title="title" />
       <tab-header :title="title" />
     </div>
     </div>
@@ -167,6 +167,7 @@ export default {
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
+
 .contener {
 .contener {
   .header {
   .header {
     height: 136px;
     height: 136px;

src/views/Bill/record.vue

@@ -87,7 +87,7 @@ export default {
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
-@import url('../../assets/css/index.css');
+
 .container-wrap {
 .container-wrap {
   padding: 0 16px;
   padding: 0 16px;
   .list {
   .list {

src/views/More/index.vue

 <template>
 <template>
-  <div>
+  <div class="container">
     <div class="header">
     <div class="header">
       <tab-header :title="title" />
       <tab-header :title="title" />
     </div>
     </div>
@@ -22,7 +22,7 @@
               <img src alt />
               <img src alt />
               <span>充值</span>
               <span>充值</span>
             </div>
             </div>
-            <div class="right">
+            <div class="right" @click="toPage(2)">
               <img src alt />
               <img src alt />
               <span>资金记录</span>
               <span>资金记录</span>
             </div>
             </div>
@@ -65,17 +65,30 @@ export default {
   methods: {
   methods: {
     onClickLeft() {
     onClickLeft() {
       console.log(1);
       console.log(1);
+    },
+    toPage(flag){
+      if (flag === 2) {
+        this.$router.push({ name: "morerecord" });
       }
       }
+    },
+    navLeftArrowClick() {
+      this.$router.go(-1);
+    }
+  },
+  mounted() {
+    this.globalNavLeftArrowClick(this.navLeftArrowClick);
   }
   }
 };
 };
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
+
 .contener {
 .contener {
   .header {
   .header {
     height: 136px;
     height: 136px;
     padding: 0 16px;
     padding: 0 16px;
     background: #0978e7;
     background: #0978e7;
+    border-top: 1px solid #0978e7;
     .header_box {
     .header_box {
       height: 174px;
       height: 174px;
       background: rgba(255, 255, 255, 1);
       background: rgba(255, 255, 255, 1);

src/views/More/record.vue

 <template>
 <template>
-  <div>
+  <div class="container">
     <div class="header">
     <div class="header">
-      <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" />
+      <HeaderW :title="title" />
     </div>
     </div>
-    <div class="container">
+    <div class="container-wrap">
       <div class="list">
       <div class="list">
         <div class="title">
         <div class="title">
           <div class="title_info">吴天逸工商代理工本费</div>
           <div class="title_info">吴天逸工商代理工本费</div>
@@ -18,11 +18,12 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { NavBar, Icon } from "vant";
+import { Icon } from "vant";
+import { HeaderW } from "@/components";
 export default {
 export default {
   components: {
   components: {
-    [NavBar.name]: NavBar,
-    [Icon.name]: Icon
+    [Icon.name]: Icon,
+    HeaderW
   },
   },
   data() {
   data() {
     return {
     return {
@@ -32,18 +33,23 @@ export default {
   methods: {
   methods: {
     onClickLeft() {
     onClickLeft() {
       console.log(1);
       console.log(1);
+    },
+    navLeftArrowClick() {
+      this.$router.go(-1);
     }
     }
+  },
+  mounted() {
+    this.globalNavLeftArrowClick(this.navLeftArrowClick);
   }
   }
 };
 };
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
-.container {
+.container-wrap {
   padding: 0 16px;
   padding: 0 16px;
   .list {
   .list {
-    padding: 16px 0;
-    border-bottom: 1px solid #ECECEE;
-    &:last-child{
+    border-bottom: 1px solid #ececee;
+    &:last-child {
       border: 0;
       border: 0;
     }
     }
     .title {
     .title {