目录样式

src/views/courseView.vue

@@ -11,7 +11,7 @@
         ]"
       >
         <template v-if="isPhone">
-          <div style="text-align: center;color: black;padding: 10px 0;">
+          <div style="text-align: right;color: black;padding: 10px;">
             <i
               @click="toggleMenu"
               :class="[showMenu ? 'el-icon-s-fold' : 'el-icon-s-unfold']"
@@ -360,6 +360,9 @@ export default {
       padding-top: 64px;
       z-index: 2;
       background: #fff;
+      &-phone {
+        width: 50%;
+      }
       &-unfold {
         width: 40px;
         height: 90px;