fix

src/pages/lesson/content/source.vue

@@ -34,18 +34,17 @@
                 <!-- 小节 -->
                 <div v-if="chapter.shrink" class="sections">
                   <div v-for="(section, k) in chapter.subsections" :key="k" class="line">
-                    <img v-if="section.fileType === 'pptx'" src="@/assets/img/exts/ppt.png" alt="">
-                    <img v-else-if="section.fileType === 'mp4'" src="@/assets/img/exts/video.png" alt="">
-                    <img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'"
-                      src="@/assets/img/exts/word.png" alt="">
-                    <img v-else-if="section.fileType === 'xlsx' || section.fileType === 'xls'"
-                      src="@/assets/img/exts/excel.png" alt="">
-                    <img v-else-if="section.fileType === 'txt'" src="@/assets/img/exts/txt.png" alt="">
-                    <img v-else-if="section.fileType === 'pdf'" src="@/assets/img/exts/pdf.png" alt="">
-                    <img v-else src="@/assets/img/exts/pic.png" alt="">
-                    <el-checkbox class="check" v-model="section.check" @change="checkSection(section, chapter)">{{
-                      section.name
-                    }}</el-checkbox>
+                    <el-checkbox class="check" v-model="section.check" @change="checkSection(section, chapter)">
+                      <img v-if="section.fileType === 'pptx'" src="@/assets/img/exts/ppt.png" alt="">
+                      <img v-else-if="section.fileType === 'mp4'" src="@/assets/img/exts/video.png" alt="">
+                      <img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'"
+                        src="@/assets/img/exts/word.png" alt="">
+                      <img v-else-if="section.fileType === 'xlsx' || section.fileType === 'xls'"
+                        src="@/assets/img/exts/excel.png" alt="">
+                      <img v-else-if="section.fileType === 'txt'" src="@/assets/img/exts/txt.png" alt="">
+                      <img v-else-if="section.fileType === 'pdf'" src="@/assets/img/exts/pdf.png" alt="">
+                      <img v-else src="@/assets/img/exts/pic.png" alt="">
+                      {{ section.name }}</el-checkbox>
                   </div>
                 </div>
               </div>
@@ -390,7 +389,7 @@ export default {
     }
 
     .chapters {
-      padding-left: 21px;
+      padding-left: 26px;
       margin-top: 10px;
 
       .line {
@@ -404,7 +403,7 @@ export default {
     }
 
     .sections {
-      padding-left: 26px;
+      padding-left: 43px;
     }
   }
 

src/pages/lesson/detail/index.vue

@@ -1086,6 +1086,7 @@ export default {
   .config-wrap {
     display: flex;
     padding: 15px;
+    gap: 20px;
   }
 
   .item {
@@ -1094,10 +1095,6 @@ export default {
     padding: 10px;
     overflow: hidden;
 
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-
     &.project {
       border-right: 1px solid #eee;
     }