Эх сурвалжийг харах

AI生成课:
1、初始加载返回和标题自动按钮显示在播放遮挡层上方,方便操作
2、未播放状态下点击自动按钮进行播放状态并关闭播放遮挡层

liyanbo 1 сар өмнө
parent
commit
94ccd1659b

+ 5 - 0
src/components/aiCourse/DialogEngine.vue

@@ -304,6 +304,11 @@ const playDialogueAudio = (isAutoPlay = false) => {
 const togglePlay = () => {
   isPlaying.value = !isPlaying.value;
   if (isPlaying.value) {
+    // 关闭遮罩层(如果显示的话)
+    if (showMask.value) {
+      showMask.value = false;
+      isPlaybackStarted.value = true;
+    }
     playBackgroundAudio();
     if (!getIsPlaying() && !conversationInProgress.value) {
       if (currentDialogue.value?.type === 'video') {

+ 1 - 1
src/components/aiCourse/engine/DialogMask.vue

@@ -52,7 +52,7 @@ const handleStart = () => {
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.7);
-  z-index: 20;
+  z-index: 15; /* 低于 DialogHeader 的 z-index: 20,确保返回按钮显示在遮挡层上面 */
   display: flex;
   justify-content: center;
   align-items: center;