From 4e5eedcc77c95d01456343d2aaa04e7dbf7db676 Mon Sep 17 00:00:00 2001
From: iizmg <Cqsvw1234567890>
Date: Mon, 25 May 2020 13:24:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/App.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/admin/src/App.vue b/admin/src/App.vue
index 4029c92..1b8cd3b 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -4,7 +4,7 @@
        @touchmove="touchMove"
        @touchend="touchEnd"
   >
-    <div v-if="this.moveDistance > 0" :style="mainDivLoadingStyle">
+    <div class="loadDiv" v-if="this.moveDistance > 0">
       <div v-if="moveState === 0" class="text-center">
         <i class="el-icon-arrow-down" style="font-weight: bold;font-size: 25px;color: #FF6A00;"></i>
       </div>
@@ -231,11 +231,6 @@
         startY: '',
         moveDistance: 0,
         moveState: 0,
-        mainDivLoadingStyle: {
-          "position": "absolute",
-          "width": "100%",
-          "z-index": "2000"
-        }
       }
     },
     mounted() {
@@ -268,7 +263,7 @@
           if (move > 0) {
             e.preventDefault();
             this.moveDistance = Math.pow(move, 0.8);
-            this.mainDivLoadingStyle.top = (this.moveDistance > 70 ? 70 : this.moveDistance) + 'px';
+            document.getElementsByClassName('loadDiv')[0].style.top = (this.moveDistance > 70 ? 70 : this.moveDistance) + 'px';
             // console.log(window.innerHeight, scrollTop, e.targetTouches[0].clientY, y, this.startY, move, this.moveDistance);
             if (this.moveDistance > 70) {
               if (this.moveState === 1) return;
@@ -381,6 +376,12 @@
   }
 </script>
 <style lang="scss">
+  .loadDiv {
+    position: absolute;
+    width: 100%;
+    z-index: 2000;
+  }
+
   .mainDiv {
     padding: 10px 10px 10px 10px;
   }