fix(VideoCard): preview control cannot be dragged while pressing (Bew…

…lyBewly#714) * fix(VideoCard): preview control cannot be dragged while pressing * Update VideoCard.vue --------- Co-authored-by: Hakadao <[email protected]>
starknt · May 5, 2024 · e37caa7 · e37caa7
1 parent 6cd2e4e
commit e37caa7
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
@@ -54,7 +54,12 @@ const emit = defineEmits<{
 
 const api = useApiClient()
 
+// Used to click and control herf attribute
+const isClick = ref<boolean>(false)
+
 const videoUrl = computed(() => {
+  if (!isClick.value)
+    return undefined
   if (props.bvid || props.aid)
     return `https://www.bilibili.com/video/${props.bvid ?? `av${props.aid}`}`
   else if (props.epid)
@@ -149,6 +154,17 @@ function handelMouseLeave() {
   }, 300)
 }
 
+function switchClickState(flag: boolean) {
+  if (flag) {
+    isClick.value = flag
+  }
+  else {
+    setTimeout(() => {
+      isClick.value = flag
+    })
+  }
+}
+
 function handleMoreBtnClick(event: MouseEvent) {
   emit('moreClick', event)
 }
@@ -212,6 +228,9 @@ function handleUndo() {
         :href="videoUrl" target="_blank" rel="noopener noreferrer"
         @mouseenter="handleMouseEnter"
         @mouseleave="handelMouseLeave"
+        @mousedown="switchClickState(true)"
+        @mouseup="switchClickState(false)"
+        @dragend="switchClickState(false)"
       >
         <!-- Cover -->
         <div