限制滑动范围

src/mycomponents/scan/winScanButton.vue

@@ -28,22 +28,35 @@
 		},
 		props: {
 		
-		},
-		
-		created() {
-
 		},
 		methods: {
+			getScreenWidth() {
+			    const systemInfo = uni.getSystemInfoSync();
+			    return systemInfo.windowWidth; // 屏幕宽度，单位px
+			},
+			getScreenHeight() {
+			    const systemInfo = uni.getSystemInfoSync();
+			    return systemInfo.windowHeight; // 屏幕宽度，单位px
+			},
 			handleTouchStart(e) {
 				this.btnX = e.changedTouches[0].clientX-e.currentTarget.offsetLeft
 				this.btnY = e.changedTouches[0].clientY-e.currentTarget.offsetTop
 			},
-			handleTouchMove(e) {
+			handleTouchMove(e) {
-				console.log("handleTouchMove",e);
+				let maxLeft = this.getScreenWidth() - 60
+				let maxTop = this.getScreenHeight() - 40
+				console.log('maxTop',maxTop)
 				// this.$refs.scanRef.$el.style.left = e.changedTouches[0].clientX-this.btnX+'px'
 				// this.$refs.scanRef.$el.style.top = e.changedTouches[0].clientY-this.btnY+'px'
-				this.viewLeft = e.changedTouches[0].clientX-this.btnX+'px'
+				let newLeft = e.changedTouches[0].clientX-this.btnX
-				this.viewTop = e.changedTouches[0].clientY-this.btnY+'px'
+				let newTop = e.changedTouches[0].clientY-this.btnY
+				console.log('newTop',newTop)
+				if(newTop>0&&newTop<maxTop){
+					this.viewTop = newTop+'px'
+				}
+				if(newLeft>0&&newLeft<maxLeft){
+					this.viewLeft  = newLeft+'px'
+				}
 				// const query = uni.createSelectorQuery().in(this)
 				// console.log('scanRef',query.select("#scanRef"))
 				// query.select("#scanRef").boundingClientRect((data=>{