|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="backTop" v-if="backTopIsShow">
|
|
|
|
|
|
|
+ <div class="backTop">
|
|
|
<div class="luojigouLogo">
|
|
<div class="luojigouLogo">
|
|
|
<img src="http://luojigou-app-commit-pic.luojigou.vip/FvmYmQjjoZftM_fiRYGM0lsC9vfw?imageView2/0/q/50|imageslim" alt="">
|
|
<img src="http://luojigou-app-commit-pic.luojigou.vip/FvmYmQjjoZftM_fiRYGM0lsC9vfw?imageView2/0/q/50|imageslim" alt="">
|
|
|
</div>
|
|
</div>
|
|
@@ -21,9 +21,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
</el-popover>
|
|
</el-popover>
|
|
|
<div class="line"></div>
|
|
<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" />
|
|
<img src="http://luojigou-app-commit-pic.luojigou.vip/Fnz0K17ERo2g1foAvu9KAnAOmw7O?imageView2/0/q/50|imageslim" />
|
|
|
- </div>
|
|
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -35,38 +35,8 @@ export default {
|
|
|
backTopIsShow: false,
|
|
backTopIsShow: false,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- mounted() {
|
|
|
|
|
- this.backTopIsShow = true;
|
|
|
|
|
- //获取当前的页面滚动事件,然后执行 this.showheader事件
|
|
|
|
|
- window.addEventListener('scroll', this.showheader);
|
|
|
|
|
- },
|
|
|
|
|
- destroyed() {
|
|
|
|
|
- window.removeEventListener('scroll', this.showheader);
|
|
|
|
|
- },
|
|
|
|
|
methods: {
|
|
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>
|
|
</script>
|