Bläddra i källkod

禁止按钮移动到屏幕外

jwyu 3 år sedan
förälder
incheckning
9a0609438f
1 ändrade filer med 18 tillägg och 2 borttagningar
  1. 18 2
      src/views/hzyb/chart/Detail.vue

+ 18 - 2
src/views/hzyb/chart/Detail.vue

@@ -852,8 +852,24 @@ let pageBoxPosition=reactive({
 
 const pageTouchmove=(e)=>{
     const touchObj=e.touches[0]
-    pageBoxPosition.top=touchObj.clientY-82
-    pageBoxPosition.left=touchObj.clientX-25
+    let top=touchObj.clientY-82
+    let left=touchObj.clientX-25
+    if(left<=0){
+        left=0
+    }
+    if(left>window.innerWidth-50){
+        left=window.innerWidth-50
+    }
+    if(top<=0){
+        top=0
+    }
+    if(top>window.innerHeight-115){
+        top=window.innerHeight-115
+    }
+
+    pageBoxPosition.top=top
+    pageBoxPosition.left=left
+
     event.preventDefault();//阻止页面移动
 }
 </script>