修改

src/App.vue

 <template>
-  <div id="app" ref="wrapper">
+  <div id="app">
     <!-- <img src="./assets/logo.png"> -->
     <router-view v-if="isRouterAlive" />
   </div>
 </template>
 
 <script>
-import BScroll from "better-scroll";
 export default {
   name: "App",
   provide() {
       document.body.scrollTop = 0;
       document.documentElement.scrollTop = 0;
     }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      //$refs绑定元素
-      if (!this.scroll) {
-        this.scroll = new BScroll(this.$refs.wrapper, {
-          //开启点击事件 默认为false
-          click: true
-        });
-        // console.log(this.scroll)
-      } else if (!this.$refs.wrapper) {
-        return;
-      } else {
-        this.scroll.refresh();
-      }
-    });
   }
 };
 </script>

src/pages/main/DetailsPage.vue

   }
   .Tab {
     padding-top: 63px;
+    -webkit-overflow-scrolling: touch;
     // padding-bottom: 0.25rem;
     @media only screen and (max-width: 812px) {
       padding-top: 42px !important;

src/styles/style.scss

 #app {
   width: 100%;
   height: 100%;
-  overflow-x: hidden;
 }
 
 .iconfont {