Explorar o código

修复刷新问题

zhubo %!s(int64=4) %!d(string=hai) anos
pai
achega
3399a49844
Modificáronse 3 ficheiros con 9 adicións e 38 borrados
  1. 4 34
      components/common/backTop.vue
  2. 4 3
      layouts/default.vue
  3. 1 1
      pages/index.vue

+ 4 - 34
components/common/backTop.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="backTop" v-if="backTopIsShow">
+  <div class="backTop">
     <div class="luojigouLogo">
       <img src="http://luojigou-app-commit-pic.luojigou.vip/FvmYmQjjoZftM_fiRYGM0lsC9vfw?imageView2/0/q/50|imageslim" alt="">
     </div>
@@ -21,9 +21,9 @@
       </div>
     </el-popover>
     <div class="line"></div>
-    <div v-show="backTopIsShow" class="backTopBtn" @click="backTop">
+    <a href="#backTop" class="backTopBtn">
       <img src="http://luojigou-app-commit-pic.luojigou.vip/Fnz0K17ERo2g1foAvu9KAnAOmw7O?imageView2/0/q/50|imageslim" />
-    </div>
+    </a>
   </div>
 </template>
 
@@ -35,38 +35,8 @@ export default {
       backTopIsShow: false,
     }
   },
-  mounted() {
-    this.backTopIsShow = true;
-    //获取当前的页面滚动事件,然后执行 this.showheader事件
-    window.addEventListener('scroll', this.showheader);
-  },
-  destroyed() {
-    window.removeEventListener('scroll', this.showheader);
-  },
   methods: {
-    showheader() {
-      //当前屏幕等于多少执行的事件
-      var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
-      this.scrollTop = scrollTop
-      // console.log(scrollTop)
-      if (scrollTop > 541) {
-        //当屏幕大于541的时候,就显示,小于则不显示
-        this.backTopIsShow = true;
-      } else {
-        this.backTopIsShow = false;
-      }
-    },
-    backTop() {
-      //返回头部的动画
-      const that = this
-      let timer = setInterval(() => {
-        let ispeed = Math.floor(-that.scrollTop / 7)
-        document.documentElement.scrollTop = document.body.scrollTop = that.scrollTop + ispeed
-        if (that.scrollTop === 0) {
-          clearInterval(timer)
-        }
-      }, 10)
-    }
+    
   }
 }
 </script>

+ 4 - 3
layouts/default.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <v-header></v-header>
-    <back-top></back-top>
+    <!-- <div id="backTop"></div> -->
+    <!-- <back-top></back-top> -->
     <main class="content-container" ref="container" :class="headFixed == true ? 'marginTop' : ''">
       <nuxt/>
     </main>
@@ -15,13 +16,13 @@
 <script>
   import VHeader from '~/components/home/header';
   import VFooter from '~/components/home/footer';
-  import backTop from '~/components/common/backTop.vue'
+  // import backTop from '~/components/common/backTop.vue'
   // import {seo} from '~/utils/assist'
 
   export default {
     components: {
       VHeader,
-      backTop,
+      // backTop,
       VFooter
     },
     data (){

+ 1 - 1
pages/index.vue

@@ -2124,7 +2124,7 @@ ul.cate-nav {
 
 // index-founder
 .index-founder {
-  background: url("http://luojigou-app-commit-pic.luojigou.vip/FnFNUnOV5mHKRA-x-P_7ydffgwTK?imageView2/0/q/50|imageslim");
+  background: url('~assets/images/home/funder_bg.png');
   background-size: cover;
   height: 626px;
   position: relative;