修复 示例项目 pull-zoom-image 动画丢失的问题

pages/template/pull-zoom-image/pull-zoom-image.uvue

@@ -49,7 +49,8 @@
 <script>
   let sY : number = 0,
       dY : number = 0,
-      maxScrollTop:number = 0;
+      maxScrollTop:number = 0,
+      moveIng:boolean = false;
   export default {
     data() {
       return {
@@ -86,6 +87,10 @@
       },
       touchend() {
         // console.log('touchend')
+        if(moveIng){
+          return
+        }
+        moveIng = true
         function moveTo(y : number, callback : () => void, speed : number = 10) {
           let interval : number = 0
           let acceleration : number = 1
@@ -100,16 +105,6 @@
               this.y += dy / speed * acceleration
             }
 
-            // 滚动边界限制
-            if(this.y < maxScrollTop*-1){
-              this.y = maxScrollTop*-1
-            }
-            if(this.y > 0){
-              this.y = 0
-            }
-
-            // console.log('this.y',this.y);
-
             this.doMove()
             if (this.y == y || this.y == maxScrollTop*-1 || this.y == 0) {
               clearInterval(interval)
@@ -118,18 +113,26 @@
           }, 16)
         }
         // console.log('dY',dY);
+        console.log('this.y',this.y);
         if(this.y < 0){
           // console.log(dY);
-          moveTo(this.y + dY * 20, () => {
+          let endY = this.y + dY * 30
+          // 滚动边界限制
+          if(endY < maxScrollTop*-1){
+            endY = maxScrollTop*-1
+          }
+          if(endY > 0){
+            endY = 0
+          }
+          // console.log('endY',endY);
+          moveTo(endY, () => {
             // console.log('done');
+            moveIng = false
           },5)
         }else{
-          const bounceY = (this.y * -0.03).toInt()
-          // console.log('bounceY', bounceY);
-          moveTo(bounceY, () => {
           moveTo(0, () => {
             // console.log('done');
-            }, 30)
+            moveIng = false
           })
         }
       },