공개 화면 카드 상호작용 수정

pages/index.vue

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