From 49bcb1365ab80946c1e414a11d90621e272db858 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Fri, 13 Jan 2023 15:15:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=89=8B=E5=8A=BF=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=EF=BC=9A=E4=B8=8A=E4=B8=8B=E6=BB=91=E5=8A=A8=EF=BC=8C=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E7=BB=93=E6=9D=9F=E6=B6=88=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 28 +++++++++++++++++++
 .../ActivitiesList/ActivitiesList.vue         |  1 +
 src/components/BrandScroll/BrandScroll.vue    |  2 +-
 .../SearchResultList/SearchResultList.vue     |  1 +
 4 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index bb89734..038b89d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,4 +40,32 @@ html,
   transition: transform 0.5s !important;
   transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
 }
+@keyframes slideNhide {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  15% {
+    transform: translateY(-100px);
+  }
+  30% {
+    transform: translateY(0);
+  }
+  45% {
+    transform: translateY(-100px);
+  }
+  60% {
+    transform: translateY(0);
+  }
+  75% {
+    transform: translateY(-100px);
+  }
+  90% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 </style>
diff --git a/src/components/ActivitiesList/ActivitiesList.vue b/src/components/ActivitiesList/ActivitiesList.vue
index 0793cf7..7284fc9 100644
--- a/src/components/ActivitiesList/ActivitiesList.vue
+++ b/src/components/ActivitiesList/ActivitiesList.vue
@@ -74,6 +74,7 @@ const { config } = storeToRefs(store)
       width: 48px;
       height: 61px;
       background: center / cover no-repeat url(@/assets/images/scrollHand.png);
+      animation: slideNhide 3s ease-in-out forwards;
     }
     .bscroll-indicator {
       height: 95px !important;
diff --git a/src/components/BrandScroll/BrandScroll.vue b/src/components/BrandScroll/BrandScroll.vue
index dff2bdf..3452306 100644
--- a/src/components/BrandScroll/BrandScroll.vue
+++ b/src/components/BrandScroll/BrandScroll.vue
@@ -102,12 +102,12 @@ watch([scroll, () => props.shop], () => {
       position: absolute;
       content: '';
       left: 0;
-
       top: 120px;
       margin: auto;
       width: 48px;
       height: 61px;
       background: center / cover no-repeat url(@/assets/images/scrollHand.png);
+      animation: slideNhide 3s ease-in-out forwards;
     }
     .bscroll-indicator {
       height: 95px !important;
diff --git a/src/components/SearchResultList/SearchResultList.vue b/src/components/SearchResultList/SearchResultList.vue
index 0469f52..b1a0dcb 100644
--- a/src/components/SearchResultList/SearchResultList.vue
+++ b/src/components/SearchResultList/SearchResultList.vue
@@ -124,6 +124,7 @@ function handleShop(item) {
       width: 48px;
       height: 61px;
       background: center / cover no-repeat url(@/assets/images/scrollHand.png);
+      animation: slideNhide 3s ease-in-out forwards;
     }
     .bscroll-indicator {
       height: 95px !important;