From a1b6dc9e847dba07c25b020dae860f22bbef208e Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 2 Jun 2022 08:45:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8E=B7=E5=8F=96=E7=84=A6=E7=82=B9=E6=97=B6?=
 =?UTF-8?q?=E9=98=B2=E6=AD=A2=E6=BB=91=E5=8A=A8=E8=BF=94=E5=9B=9E=E6=8A=96?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/DialogWrapper.vue | 16 +++++++++++++---
 .../sass/pages/components/dialog-wrapper.scss    | 10 +++++++++-
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index c1d7ac098..6f8fbaed2 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -168,6 +168,9 @@
             :size="380">
             <DialogGroupInfo v-if="groupInfoShow" :dialogId="dialogId"/>
         </DrawerOverlay>
+
+        <!--滑动拦截-->
+        <div ref="back" v-show="isFocus" class="dialog-wrapper-back"></div>
     </div>
 </template>
 
@@ -208,6 +211,7 @@ export default {
             msgText: '',
             msgNew: 0,
             topId: 0,
+            isFocus: false,
 
             allMsgs: [],
             tempMsgs: [],
@@ -228,11 +232,11 @@ export default {
     },
 
     mounted() {
-
+        this.$refs.back.addEventListener('touchmove', this.backListener)
     },
 
     beforeDestroy() {
-
+        this.$refs.back.removeEventListener('touchmove', this.backListener)
     },
 
     computed: {
@@ -584,10 +588,12 @@ export default {
         },
 
         onEventFocus() {
+            this.isFocus = true;
             this.$emit("on-focus")
         },
 
         onEventBlur() {
+            this.isFocus = false;
             this.$emit("on-blur")
         },
 
@@ -704,7 +710,11 @@ export default {
             } else {
                 this.goBack();
             }
-        }
+        },
+
+        backListener(e) {
+            e.preventDefault()
+        },
     }
 }
 </script>
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 69561b7fa..5f7a18f95 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -934,7 +934,6 @@
     }
 }
 
-
 .dialog-wrapper-paste {
     display: flex;
     flex-direction: column;
@@ -966,6 +965,15 @@
     }
 }
 
+.dialog-wrapper-back {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 20px;
+    z-index: 9998;
+}
+
 @media (max-width: 768px) {
     .dialog-wrapper {
         .dialog-nav {