From 8a49eb742e9dfe8b82d8de6844f69b9f3842ca4a Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 4 Jun 2022 22:22:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=86=85=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E6=89=8B=E5=8A=BF=E4=B8=8A=E6=BB=91=E5=8A=A8=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/Mobile/Notification.vue     | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/components/Mobile/Notification.vue b/resources/assets/js/components/Mobile/Notification.vue
index ebf1aa5ae..7bff173ef 100644
--- a/resources/assets/js/components/Mobile/Notification.vue
+++ b/resources/assets/js/components/Mobile/Notification.vue
@@ -1,6 +1,11 @@
 <template>
     <transition v-if="show && userid > 0" name="mobile-notify">
-        <div class="mobile-notification" :class="{show}" @click.stop="onClick">
+        <div
+            class="mobile-notification"
+            :class="{show}"
+            @click.stop="onClick"
+            @touchstart="onTouchstart"
+            @touchmove="onTouchmove">
             <UserAvatar :userid="userid" :size="40" show-name/>
             <div class="notification-desc">{{desc}}</div>
         </div>
@@ -19,6 +24,8 @@ export default {
 
             show: false,
             timer: null,
+
+            startY: 0,
         };
     },
 
@@ -56,7 +63,18 @@ export default {
             if (typeof this.callback === "function") {
                 this.callback();
             }
-        }
+        },
+
+        onTouchstart(e) {
+            this.startY = e.touches[0].clientY;
+        },
+
+        onTouchmove(e) {
+            if (this.startY > 0 && this.startY - e.touches[0].clientY > 10) {
+                this.startY = 0;
+                this.close();
+            }
+        },
     },
 };
 </script>