update

src/view/student/trainChapter/trainChapter.vue

@@ -9,12 +9,12 @@
         <div v-if="state.hasRead && state.showCnt" class="chapter-box">
             <NavMenus :back-confirm="state.lastChapterNum != maxChapterNum"></NavMenus>
             <div class="chapter-content">
-                <div class="menu-box" :class="{ fold: state.menuFold }">
+
+                <!-- 原本的左侧菜单 -->
+                <!-- <div class="menu-box" :class="{ fold: state.menuFold }">
                     <div class="menu-title">{{ state.chapterTree[state.currentStep]?.name ?? '' }}</div>
                     <div class="menu-list">
                         <el-scrollbar :max-height="state.menuListHeight">
-                            <!-- 当父级菜单不存在子级菜单，导致会出现很大的空白，这里调整 space="7rem" 小一些进行解决 -->
-                            <!-- <el-steps direction="vertical" space="7rem" :active="state.currentStep"> -->
                             <el-steps direction="vertical" space="3rem" :active="state.currentStep">
                                 <el-step v-for="(item, idx) in state.chapterTree" :title="item.name" @click="menuClick($event, idx)">
                                     <template #icon>
@@ -38,7 +38,13 @@
                         </el-scrollbar>
                         <div class="menu-switch" @click="menuSwitch"></div>
                     </div>
+                </div> -->
+
+                <!-- 新的左侧菜单 -->
+                <div class="menuLeft" >
+                    
                 </div>
+                
                 <div v-if="state.currentChapter.type != 30" class="chapter-detail">
                     <div class="detail-title">{{ state.currentChapter.name }}</div>
                     <div class="detail-cnt" v-html="htmlContent"></div>
@@ -967,6 +973,18 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
                 }
             }
         }
+
+        // 左侧菜单
+        .menuLeft {
+            position: fixed;
+            top: 10.92rem;
+            bottom: 18rem;
+            left: 2.28rem;
+            width: 21.64rem;
+            z-index: 2;
+            // background-color: #00000080;
+        }
+
     }
 }
 </style>