修改

src/views/ServiceShare/index.vue

 <template>
   <div id="topAnchor" class="serviceShare-module">
-<!--    <a id="TOPUp">-->
-<!--      <div class="backTop" @click="gotoTop">-->
-<!--        <img :src="gobackTop">-->
-<!--        <div style="font-size: 12px;color: white;padding-top: 6px">回到顶部</div>-->
-<!--      </div>-->
-<!--    </a>-->
+    <!--    <a id="TOPUp">-->
+    <!--      <div class="backTop" @click="gotoTop">-->
+    <!--        <img :src="gobackTop">-->
+    <!--        <div style="font-size: 12px;color: white;padding-top: 6px">回到顶部</div>-->
+    <!--      </div>-->
+    <!--    </a>-->
     <div v-if="activeMenu !== 'showFalse'" :class=" activeMenu === 'showFalse' ? 'whiteScanCode' : 'scanCode'">
       <el-tooltip class="item" effect="dark" placement="left-start">
         <div slot="content">
@@ -25,7 +25,7 @@
       <el-divider />
       <el-tooltip class="item" effect="dark" placement="left">
         <div slot="content">
-          <div style="font-size: 20px">{{phone}}</div>
+          <div style="font-size: 20px">{{ phone }}</div>
         </div>
         <div class="codeImg" style="padding-top: 20px">
           <div class="img">
@@ -52,7 +52,7 @@
       <HomeSearch :list="navList" :current-menu="'/ServiceShare/index'" />
       <!--<nav-list  />-->
     </div>
-    <div class="serviceShare-content">
+    <div class="serviceShare-content" @scroll="parentScroll">
       <div class="child">
         <div class="search">
           <el-form ref="queryForm" class="formClass" :model="searchForm" :inline="true" label-width="auto">
@@ -155,6 +155,7 @@
           <div v-else style="padding: 20px;margin-bottom: 40px; background-color: white;text-align: center">
             <img :src="noDataLogo" class="sidebar-logo">
           </div>
+          <div id="showFalse" />
         </div>
       </div>
     </div>
@@ -228,7 +229,8 @@
 import { getToken } from '@/utils/auth.js'
 import HomeSearch from '@/views/homePage/components/searchHome/index'
 import { getEnterpriseList, getList, getTypeOptions, handleaddContact, idGetImg } from './apis'
-import {getOtherLink} from "@/views/homePage/apis";
+import { getOtherLink } from '@/views/homePage/apis'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'Index',
@@ -237,7 +239,7 @@ export default {
   },
   data() {
     return {
-      activeMenu: '',
+      activeMenu: 'topAnchor',
       logoUrl: '',
       phoneLogo: require('@/assets/image/newHome_icon_fuwurexian.png'),
       backTop: require('@/assets/image/home_icon_huidingbu.png'),
@@ -301,7 +303,15 @@ export default {
       }
     }
   },
+  watch: {
+    topE(value) {
+      this.parentScroll(value)
+    }
+  },
   computed: {
+    ...mapGetters([
+      'topE'
+    ]),
     navList() {
       return [
         { menuName: '首页', path: '/', query: { }},
@@ -348,6 +358,18 @@ export default {
   mounted() {
   },
   methods: {
+    parentScroll(e) {
+      const target = e.target
+      const pTop = target.getBoundingClientRect().top
+      const ids = ['topAnchor', 'showFalse']
+      ids.map(item => document.getElementById(item)).forEach(ele => {
+        const top = ele.getBoundingClientRect().top
+        if (top - pTop <= 1000) {
+          this.activeMenu = ele.getAttribute('id')
+          console.log('this.activeMenu', this.activeMenu)
+        }
+      })
+    },
     /** 获取小程序二维码图片*/
     getQRcode() {
       getOtherLink().then(res => {