更新：课程视频播放改成原生video组件

components/course/ChapterList.vue

@@ -129,6 +129,7 @@ interface Props {
   chapters: IChapter[]
   catalogue: ICatalogue
   userVip: IVipInfo | null
+  showRenewBtn?: boolean
 }
 
 const props = defineProps<Props>()
@@ -136,6 +137,8 @@ const props = defineProps<Props>()
 const emit = defineEmits<{
   click: [chapter: IChapter],
   purchase: [catalogue: ICatalogue],
+  renew: [catalogue: ICatalogue],
+  toVip: [catalogue: ICatalogue],
 }>()
 
 /**
@@ -153,6 +156,16 @@ const goToVip = () => {
   emit('toVip', props.catalogue)
 }
 
+// 续费/复读
+const handleRenew = () => {
+  emit('renew', props.catalogue)
+}
+
+// 领取免费课程
+const handleGetFreeCourse = () => {
+  emit('purchase', props.catalogue)
+}
+
 /**
  * 判断章节是否可以访问
  */