style: 课件样式

src/components/select-courseware-pop/index.tsx

@@ -24,7 +24,10 @@ export default defineComponent({
       }, 300);
     }
     return () => (
-      <div class={styles.popBox} onClick={(e: Event) => e.stopPropagation()}>
+      <div class={styles.popBox} 
+      onClick={(e: Event) => e.stopPropagation()}
+      onTouchstart={(e: TouchEvent) => e.stopPropagation()}
+      >
         <div class={styles.popBody}>
           <img class={styles.popBg} src={popBox} />
           <img class={styles.popClose} src={popClose} onClick={(e: Event) => {

src/views/courseware-play/index.tsx

@@ -293,8 +293,11 @@ export default defineComponent({
         };
       });
       const resourceIndex = data.itemList.findIndex((resource: any) => resource.id === resourceId)
-      handleSwipeChange(resourceIndex)
-      console.log('资源', data.allList, data.itemList, resourceIndex);
+      setTimeout(() => {
+        handleSwipeChange(resourceIndex)
+      }, 0);
+      
+      console.log('资源', data.itemList, resourceIndex);
       setTimeout(() => {
         data.animationState = 'end';
       }, 500);
@@ -450,7 +453,7 @@ export default defineComponent({
       }
     ];
     const handleStop = () => {
-      data.videoItemRef.pause();
+      data.videoItemRef?.pause();
     };
     const acitveTimer = ref();
     // 轮播切换
@@ -851,6 +854,7 @@ export default defineComponent({
 
     // 加载新的章节里的课件
     const loadNewCourseware = async (item: any) => {
+      data.itemList = []
       loadingClass.value = true;
       // activeData.coursewareDetailKnowledgeId = item.coursewareDetailKnowledgeId;
       // activeData.lessonCoursewareDetailId = item.lessonCoursewareDetailId;