diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue index 69547ed5..ddebd0bd 100644 --- a/src/component/HomePage/layout.vue +++ b/src/component/HomePage/layout.vue @@ -194,10 +194,9 @@ export default defineComponent({ clientX:e.clientX, clientY:e.clientY, } - console.log(e); - operation(event) } + let touchstart = function(e: any){ e.stopPropagation() const touch = e.changedTouches[0]; @@ -207,12 +206,10 @@ export default defineComponent({ clientX:touch.clientX, clientY:touch.clientY, } - console.log(e); operation(event) } + let operation = function(e: MouseEvent){ - console.log(e); - el.parentElement.children.forEach((v:any) => { v.style.left = v.offsetLeft+'px' v.style.top = v.offsetTop+'px' @@ -230,6 +227,19 @@ export default defineComponent({ let domY = e.clientY - e.offsetY - Number(top) let mouse = true let mouseMove = function(e:MouseEvent){ + domOperation(e) + } + let touchmove = function(e:any){ + const touch = e.changedTouches[0]; + let event:any = { + offsetX:touch.clientX - e.target.getBoundingClientRect().left, + offsetY: touch.clientY - e.target.getBoundingClientRect().top, + clientX:touch.clientX, + clientY:touch.clientY, + } + domOperation(event) + } + let domOperation = (e:any)=>{ if(mouse){ el.style.left = e.clientX-mouseX - domX+'px' el.style.top = e.clientY-mouseY - domY+'px' @@ -249,12 +259,16 @@ export default defineComponent({ } let mouseup = function(){ mouse = false - el.removeEventListener('mousemove',mouseMove) - el.removeEventListener('mouseup',mouseup) + document.removeEventListener('mousemove',mouseMove) + document.removeEventListener('touchmove',touchmove) + document.removeEventListener('mouseup',mouseup) + document.removeEventListener('touchend',mouseup) //移动端 } document.addEventListener('mousemove', mouseMove); + document.addEventListener('touchmove', touchmove); document.addEventListener('mouseup', mouseup); + document.addEventListener('touchend', mouseup); //移动端 } el.addEventListener('mousedown',mousedown) diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue index 817cd4bf..372da416 100644 --- a/src/views/HomeMain.vue +++ b/src/views/HomeMain.vue @@ -124,7 +124,7 @@ {{$t('Header.ViewOrders')}} - + Administrator