홈 슬라이드 카드 클릭 처리 수정

pages/index.vue

@@ -236,7 +236,7 @@ const carouselDragState = reactive({
   startX: 0,
   startScrollLeft: 0,
   lastDeltaX: 0,
-  dragThreshold: 4,
+  dragThreshold: 10,
   moved: false,
   suppressClick: false
 })
@@ -606,13 +606,10 @@ const startCarouselDrag = (event, key) => {
   carouselDragState.startX = event.clientX
   carouselDragState.startScrollLeft = track.scrollLeft
   carouselDragState.lastDeltaX = 0
-  carouselDragState.dragThreshold = event.pointerType === 'mouse' ? 4 : 8
+  carouselDragState.dragThreshold = event.pointerType === 'mouse' ? 10 : 12
   carouselDragState.moved = false
   carouselDragTrack = track
   bindCarouselDragDocumentEvents()
-  if (track.setPointerCapture) {
-    track.setPointerCapture(event.pointerId)
-  }
 }
 
 /**
@@ -632,8 +629,11 @@ const moveCarouselDrag = (event) => {
 
   const deltaX = event.clientX - carouselDragState.startX
   carouselDragState.lastDeltaX = deltaX
-  if (Math.abs(deltaX) >= carouselDragState.dragThreshold) {
+  if (!carouselDragState.moved && Math.abs(deltaX) >= carouselDragState.dragThreshold) {
     carouselDragState.moved = true
+    if (track.setPointerCapture) {
+      track.setPointerCapture(event.pointerId)
+    }
   }
 
   if (!carouselDragState.moved) {