修改样式

src/views/attend-class/component/audio-pay.tsx

@@ -147,17 +147,19 @@ export default defineComponent({
               if (props.item.autoPlay && audio.value) {
                 audio.value.play();
               }
-              audio.value.stop = () => {
-                audio.value?.pause();
-                audioForms.paused = true;
-                emit('togglePlay', audioForms.paused);
-              };
-              audio.value.onPlay = () => {
-                audio.value?.play();
-                audioForms.paused = false;
-                onInit(audio.value, canvas.value);
-                emit('togglePlay', audioForms.paused);
-              };
+              if (audio.value) {
+                audio.value.stop = () => {
+                  audio.value?.pause();
+                  audioForms.paused = true;
+                  emit('togglePlay', audioForms.paused);
+                };
+                audio.value.onPlay = () => {
+                  audio.value?.play();
+                  audioForms.paused = false;
+                  onInit(audio.value, canvas.value);
+                  emit('togglePlay', audioForms.paused);
+                };
+              }
 
               emit('loadedmetadata', audio.value);
             }}></audio>

src/views/attend-class/component/video-play.tsx

@@ -1,4 +1,11 @@
-import { defineComponent, nextTick, onMounted, reactive, toRefs } from 'vue';
+import {
+  defineComponent,
+  nextTick,
+  onMounted,
+  onUnmounted,
+  reactive,
+  toRefs
+} from 'vue';
 import TCPlayer from 'tcplayer.js';
 import 'tcplayer.js/dist/tcplayer.min.css';
 // import 'plyr/dist/plyr.css';
@@ -136,6 +143,14 @@ export default defineComponent({
       videoItem.value.currentTime(0);
       videoItem.value.pause();
     };
+
+    onUnmounted(() => {
+      if (videoItem.value) {
+        videoItem.value.pause();
+        videoItem.value.src('');
+        videoItem.value.dispose();
+      }
+    });
     expose({
       onPlay,
       stop,

src/views/attend-class/index.tsx

@@ -377,12 +377,12 @@ export default defineComponent({
       for (let i = 0; i < data.itemList.length; i++) {
         const activeItem = data.itemList[i];
         if (activeItem.type === 'VIDEO' && activeItem.videoEle) {
-          console.log(activeItem.videoEle, ' activeItem.videoEle');
+          // console.log(activeItem.videoEle, ' activeItem.videoEle');
           try {
             activeItem.videoEle?.currentTime(0);
             activeItem.videoEle?.pause();
           } catch (e: any) {
-            console.log(e, 'e');
+            // console.log(e, 'e');
           }
         }
 
@@ -1175,6 +1175,9 @@ export default defineComponent({
         {/* 布置作业按钮 */}
 
         <div
+          onClick={(e: any) => {
+            e.stopPropagation();
+          }}
           class={[
             styles.switchDisplaySection,
             activeData.model ? '' : styles.sectionAnimate

src/views/prepare-lessons/components/lesson-main/courseware/index.module.less

@@ -222,8 +222,9 @@
   .itemOperation {
     position: absolute;
     top: 0;
-    left: 0;
-    width: 100%;
+    left: 10px;
+
+    width: calc(100% - 20px);
     height: 100%;
     text-align: right;
     z-index: 98;