From f07f6586b2aebbe76fd20983bd18b929f83e514a Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Fri, 28 Jul 2023 14:48:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=9E=E5=88=B0=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E7=9A=84=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/public/backToTop.vue | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/components/public/backToTop.vue b/src/components/public/backToTop.vue
index 7e50b09..af8e52d 100644
--- a/src/components/public/backToTop.vue
+++ b/src/components/public/backToTop.vue
@@ -1,10 +1,12 @@
 <template>
-    <div class="returnTop flexcenter" @click="screenroll()">
+    <div class="returnTop flexcenter" @click="screenroll()" v-if="show">
         <img class="icon" src="@/assets/img/publicImage/back-icon.png">
     </div>
 </template>
 
 <script setup>
+import { onMounted, onUnmounted, ref } from 'vue'
+let show = ref(false)
 onMounted(() => {
     window.addEventListener('scroll', handleScroll);
 });
@@ -15,17 +17,9 @@ onUnmounted(() => {
 
 const handleScroll = () => {
     if (Math.random() > 0.3) return
-    // for (let i = 0; i < navList.value.length; i++) {
-    //     let element = navList.value[i]
-
-    //     const rect = eval(element.value).value.getBoundingClientRect();
-    //     const distanceToTop = rect.top;
-    //     if (distanceToTop >= 0) {
-    //         navTab.value = element.value
-    //         break;
-    //     }
-
-    // }
+    const scrolledDistance = window.scrollY || window.pageYOffset;
+    if (scrolledDistance >= 500 && !show.value) show.value = true
+    if (scrolledDistance < 500 && show.value) show.value = false
 }
 
 const screenroll = () => {