Commit @2504a479323d59f7ad1c39c31cf4b1a5bc70e5ab

홍아랑 2024-09-11

240911 홍아랑 잉크문제 로직 수정

@2504a479323d59f7ad1c39c31cf4b1a5bc70e5ab

45ef13b

2504a47

client/views/pages/main/Chapter/Chapter2_9.vue

--- client/views/pages/main/Chapter/Chapter2_9.vue

+++ client/views/pages/main/Chapter/Chapter2_9.vue


       const dropZone = event.target.closest("button.dropzone");
 
       if (dropZone) {
-        // 드롭이 이루어진 영역이 버튼일 때만 처리
-        dropZone.querySelector("img").style.display = "none"; // 잉크를 숨깁니다
+        // 잉크 이미지를 숨깁니다
+        const inkImage = dropZone.querySelector("img:first-child");
+        if (inkImage) {
+          inkImage.style.display = "none";
+        }
+
+        // 클릭포인트 이미지를 숨깁니다
+        const clickPointImage = dropZone.querySelector("img:nth-child(2)");
+        if (clickPointImage) {
+          clickPointImage.style.display = "none";
+        }
       }
 
       // 드래그한 요소를 원래 위치로 복원

Add a comment

Open 0
Closed 0

List

...	...	@@ -367,8 +367,17 @@
367	367	const dropZone = event.target.closest("button.dropzone");
368	368
369	369	if (dropZone) {
370		- // 드롭이 이루어진 영역이 버튼일 때만 처리
371		- dropZone.querySelector("img").style.display = "none"; // 잉크를 숨깁니다
	370	+ // 잉크 이미지를 숨깁니다
	371	+ const inkImage = dropZone.querySelector("img:first-child");
	372	+ if (inkImage) {
	373	+ inkImage.style.display = "none";
	374	+ }
	375	+
	376	+ // 클릭포인트 이미지를 숨깁니다
	377	+ const clickPointImage = dropZone.querySelector("img:nth-child(2)");
	378	+ if (clickPointImage) {
	379	+ clickPointImage.style.display = "none";
	380	+ }
372	381	}
373	382
374	383	// 드래그한 요소를 원래 위치로 복원

Delete comment