Merge branch 'dev' of https://github.com/MengNianxiaoyao/BewlyBewly i…

…nto dev
MengNianxiaoyao · May 6, 2024 · 1900387 · 1900387
2 parents 137b4ea + e37caa7
commit 1900387
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