菜单

src/components/inputModules/common/TreeView.vue

@@ -284,7 +284,7 @@ export default {
     height: 100%;
     align-items: center;
     line-height: 44px;
-    padding-right: 60px;
+    padding-right: 30px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -368,6 +368,7 @@ export default {
     color: #2c2c2c;
     height: 44px;
     display: block !important;
+    width: 100%;
   }
   .el-tree--highlight-current
     .el-tree-node.is-current

src/views/courseView.vue

@@ -31,7 +31,11 @@
         :style="{ background: isPhone && showMenu ? themeColorPhone : '' }"
       >
         <template v-if="isPhone">
-          <div style="text-align: right; color: black" @click="toggleMenu">
+          <div
+            class="toggle-box"
+            :class="[showMenu ? 'toggle-box-fold' : '']"
+            @click="toggleMenu"
+          >
             <i
               :class="[showMenu ? 'el-icon-s-fold' : 'el-icon-s-unfold']"
               v-if="showMenu"
@@ -46,6 +50,7 @@
           :change-id="changeId"
           :changeTreeData="changeTreeData"
           :currentTreeID="chapterId"
+          v-show="(isPhone && showMenu) || !isPhone"
         />
         <div class="moveBtn-nnpe" v-move></div>
       </div>
@@ -587,7 +592,7 @@ export default {
       &-phone {
         width: 50%;
         height: 100%;
-        padding-top: 20px;
+        padding-top: 50px;
         z-index: 4;
         overflow-x: hidden;
       }
@@ -790,6 +795,19 @@ export default {
   width: 1000px;
   height: 700px;
 }
+.toggle-box {
+  position: fixed;
+  top: 15px;
+  left: 0;
+  z-index: 5;
+  text-align: right;
+  color: black;
+  padding: 10px;
+  width: 40px;
+  &-fold {
+    width: 50%;
+  }
+}
 </style>
 <style lang="scss">
 .GCLS-BOOK-Container {