src/views/book/courseware/create/components/SetBackground.vue

@@ -54,7 +54,7 @@
                 :limit="1"
                 :http-request="uploadFile"
               >
-                <span style="cursor: pointer">选择图片</span>
+                <span class="select-button">选择图片</span>
               </el-upload>
               <div>
                 <span class="opacity-icon"></span>
@@ -848,6 +848,13 @@ export default {
             vertical-align: middle;
             background: url('@/assets/icon/opacity.png');
           }
+
+          .select-button {
+            color: #165dff;
+            cursor: pointer;
+            background-color: #fff;
+            box-shadow: 0 0 0 3px #fff;
+          }
         }
 
         .mode-list {

src/views/book/courseware/preview/common/AnswerAnalysis.vue

@@ -135,6 +135,23 @@ export default {
       return Array.isArray(slotContent) && slotContent.length > 0; // 检查插槽内容是否存在且不为空
     },
   },
+  watch: {
+    visible(val) {
+      // 关闭时，停止所有音视频播放
+      if (!val) {
+        const audioPlayers = this.$el.querySelectorAll('.answer-audio-list audio, .analysis-audio-list audio');
+        audioPlayers.forEach((audio) => {
+          audio.pause();
+          audio.currentTime = 0;
+        });
+        const videoPlayers = this.$el.querySelectorAll('.answer-video-list video, .analysis-video-list video');
+        videoPlayers.forEach((video) => {
+          video.pause();
+          video.currentTime = 0;
+        });
+      }
+    },
+  },
   methods: {
     handleClose() {
       this.$emit('update:visible', false);