2023-11-27-dist 字体放大

src/component/HomePage/layoutMobile.vue

@@ -188,7 +188,7 @@ export default defineComponent({
 					// document.addEventListener('touchmove',(e: MouseEvent)=>{
 
 					// })
-					document.ontouchmove = function(e){
+					let touchmove = function(e:any){
 						if(mouse){
 							el.style.left = e.targetTouches[0].pageX-mouseX - domX+'px'
 							el.style.top = e.targetTouches[0].pageY-mouseY - domY+'px'
@@ -206,10 +206,13 @@ export default defineComponent({
 							}
 						}
 					}
-					document.ontouchend = function(){
-						mouse = false
-						// document.onmousemove = false;
+					let removeEventListener = function(){
+						mouse = false;
+						document.removeEventListener('touchmove',touchmove );
+						document.removeEventListener('touchmove',touchmove );
 					}
+					document.addEventListener('touchmove',touchmove );
+					document.addEventListener('touchend', removeEventListener);
 				})
 			},
 			updated (el,layout) {
@@ -220,6 +223,7 @@ export default defineComponent({
 		compile:{
 			mounted (el,compile) {
 				el.addEventListener('touchstart',(e:any)=>{
+						console.log(e);
 					e.stopPropagation()
 					let elParent = el.parentNode.parentNode
 					el.parentElement.parentNode.parentNode.children.forEach((v:any) => {
@@ -251,7 +255,9 @@ export default defineComponent({
 						gpsXY = e.targetTouches[0].clientY
 					}
 					let mouse = true
-					document.ontouchmove = function(e){
+					let touchmove = function(e:any){
+						console.log(123);
+						
 						if(mouse){
 							if(compile.value == 'left'){
 								elParent.style.width = parent + gpsXY - e.targetTouches[0].clientX + 'px' 
@@ -280,9 +286,19 @@ export default defineComponent({
 							}
 						}
 					}
-					document.ontouchend = function(){
-						mouse = false
+					let removeEventListener = function(){
+						mouse = false;
+						el.parentNode.removeEventListener('touchmove',touchmove );
+						document.removeEventListener('touchmove',touchmove );
+						el.parentNode.children.forEach((v:any) =>{
+							v.classList.remove('eventNode')
+						})
 					}
+					el.parentNode.addEventListener('touchmove',touchmove );
+					document.addEventListener('touchend', removeEventListener);
+					// document.ontouchend = function(){
+					// 	mouse = false
+					// }
 				})
 			}
 		},
@@ -379,13 +395,15 @@ export default defineComponent({
 					let eX:any
 					let eY:any
 					let elParentSide = Math.sqrt(elParent.offsetWidth/2*elParent.offsetWidth/2+elParent.offsetHeight/2*elParent.offsetHeight/2)
-					el.parentNode.addEventListener('touchmove', (e:any) => {
-						// if(){
-
+					let touchMove = (e:any)=>{
+						// if(e.changedTouches[0].pageX <  el.getBoundingClientRect().left){
+						// 	mouse = false
+						// }else{
+						// 	mouse = true
 						// }
 						if (mouse) {
-							let offsetX = e.changedTouches[0].pageX - el.getBoundingClientRect().left;
-							let offsetY = e.changedTouches[0].pageY - el.getBoundingClientRect().top;
+							let offsetX = e.changedTouches[0].pageX - el.parentNode.getBoundingClientRect().left;
+							let offsetY = e.changedTouches[0].pageY - el.parentNode.getBoundingClientRect().top;
 							if(angle.value == 'right'){
 								eX = elParent.offsetWidth - offsetX
 								eY = elParent.offsetHeight - offsetY
@@ -394,40 +412,45 @@ export default defineComponent({
 								eY = elParent.offsetHeight - offsetY
 							}else if(angle.value == 'left'){
 								eX = elParent.offsetWidth - offsetX
-								eY = elParent.offsetHeight - offsetY- elParent.offsetHeight
+								eY = elParent.offsetHeight - elParent.offsetHeight - offsetY
 							}else if(angle.value == 'bottom'){
 								eX = elParent.offsetWidth - offsetX - elParent.offsetWidth
 								eY = elParent.offsetHeight - offsetY - elParent.offsetHeight
 							}
-							let mouseSide = Math.sqrt(eX*eX + eY *+eY)/2
-							// el.style.left = e.offsetX /2 +'px'
+							
+							let mouseSide = Math.sqrt(eX*eX + eY* eY)/2
+              							// el.style.left = e.offsetX /2 +'px'
 							// el.style.top = e.offsetY /2+'px'
 							if(100 - 100 * mouseSide/elParentSide <= 50){
+								// console.log(angle.value);
+								let Xy = (100 - 100 * mouseSide/elParentSide) / 3.33-1
+								if(Xy<=0){
+									Xy = 0
+								}
 								if(angle.value == 'right'){
-									
 									el.parentNode.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
 									elParent.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
-									el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
-									el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.left = Xy +'%'
+									el.style.top = Xy +'%'
 								}else if(angle.value == 'top'){
 									el.parentNode.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
 									elParent.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
-									el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.right = Xy +'%'
 									el.style.left = 'auto'
-									el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.top = Xy +'%'
 								}else if(angle.value == 'bottom'){
 									el.parentNode.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
 									elParent.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
-									el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.right = Xy +'%'
 									el.style.top = 'auto'
 									el.style.left = 'auto'
-									el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.bottom = Xy +'%'
 								}else if(angle.value == 'left'){
 									el.parentNode.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
 									elParent.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
-									el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.left = Xy +'%'
 									el.style.top = 'auto'
-									el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
+									el.style.bottom = Xy +'%'
 								}
 							}else{
 								if(angle.value == 'right'){
@@ -445,14 +468,19 @@ export default defineComponent({
 								}
 							}
 						}
-					});
-					// 添加鼠标松开事件监听器
-					document.addEventListener('touchend', () => {
-						mouse = false;
-						el.parentNode.children.forEach((v:any) =>{
-							v.classList.remove('eventNode')
-						})
-					});
+						// 添加鼠标松开事件监听器
+						document.addEventListener('touchend', () => {
+							mouse = false;
+							el.parentNode.removeEventListener('touchmove',touchMove );
+							el.parentNode.children.forEach((v:any) =>{
+								v.classList.remove('eventNode')
+
+							})
+						});
+					}
+					el.parentNode.addEventListener('touchmove',touchMove ,false);
+
+					
 					
 				});
 					
@@ -630,6 +658,10 @@ export default defineComponent({
     -ms-user-select: none;
     -khtml-user-select: none;
     user-select: none;
+	.ant-modal-content{
+		transform: scale(1.2);
+		transform-origin: center !important;
+	}
 	// max-width: 1150px;
     .ant-modal-body {
         padding: 0;
@@ -648,7 +680,7 @@ export default defineComponent({
 			position: absolute;
 			top: 4rem;
 			display: flex;
-			font-size: 1.8rem;
+			font-size: var(--aida-fsize2);
 			font-weight: 900;
 			color: rgba(0,0,0,.65);
 			align-items: center;
@@ -902,7 +934,7 @@ export default defineComponent({
                 display: none;
             }
 			.layout_left_text{
-				font-size: 1.6rem;
+				font-size: var(--aida-fsize1-6);
 				margin-bottom: 1rem;
 				color: #000;
 			}