feat: 对接各个视频数据

src/components/Button/ImgButton.vue

@@ -5,7 +5,12 @@
 
 <template>
   <img
-    class="cursor-pointer transition-all duration-300 hover:scale-105 hover:brightness-110"
+    class="transition-all duration-300"
+    :class="[
+      props.disabled
+        ? 'opacity-50 cursor-not-allowed'
+        : 'cursor-pointer hover:scale-105 hover:brightness-110'
+    ]"
     draggable="false"
     :src="getStaticImage(image)"
     @click="handleClick"
@@ -18,12 +23,22 @@ import { useRouter, type RouteLocationRaw } from 'vue-router'
 
 const router = useRouter()
 
-const props = defineProps<{
+interface Props {
+  /** 按钮图片 */
   image: string
+  /** 路由路径 */
   path?: RouteLocationRaw
-}>()
+  /** 是否禁用 */
+  disabled?: boolean
+}
 
-const handleClick = () => {
+const props = withDefaults(defineProps<Props>(), {
+  disabled: false
+})
+
+/** 处理点击事件 */
+const handleClick = (): void => {
+  if (props.disabled) return
   if (props.path) {
     router.push(props.path)
   }