bug修复

ZZJ

2022-04-29 5ee0d36e051d591f930ba93ba660e45f10710c3f

 src/views/index/index.vue

@@ -89,7 +89,7 @@
      </div>
    </div>

    <Connect v-if="showConnect"></Connect>
    <Connect></Connect>

    <!-- 页尾 -->
    <Footer></Footer>
@@ -405,16 +405,33 @@
    //添加滚动监听
    scrollListener() {
      //页面滑动触发事件 (滚动条移动则调用是否显示返回顶部按钮事件)
      var a = document.documentElement.clientHeight; // 滚动容器的可视高
      var b = document.documentElement.scrollTop; // 滚动条距离顶部的高度
      var c = document.documentElement.scrollHeight; // 滚动容器的整个高度

      if (document.documentElement.scrollTop < 1100) {
        this.showConnect = false;
      } else {
      if (c === a + b) {
        //当滚动容器的可视高+滚动容器滚动了的高度（滚动条顶部距离滚动容器顶部的距离） = 滚动容器的整个高度时，说明滚动条到底了
        this.showConnect = true;
      } else {
        this.showConnect = false;
      }

      //检查滚动条是否在顶部，控制返回顶部按钮的隐藏和显示
    },
  },
  beforeRouteLeave(to, from, next) {
    let userInfo = sessionStorage.getItem("userInfo");
    if (
      !userInfo &&
      to.path !== "/login" &&
      to.path !== "/register" &&
      to.path !== "/connectUs"
    ) {
      next({ path: "/login" });
    } else {
      next();
    }
  },
};
</script>