chore: 样式优化

src/modules/course/components/CourseListItem.vue

@@ -169,6 +169,7 @@ function handleTop(data: CourseListItemType) {
     margin-left: 5px;
     .el-progress__text {
       font-size: 12px !important;
+      min-width: unset;
     }
   }
 }

src/modules/course/components/CourseViewAssess.vue

@@ -81,15 +81,13 @@ function formatDuration(duration: number | undefined) {
       default-expand-all
       row-key="id"
       style="width: 100%"
-      :header-cell-style="{ 'background-color': '#F7F8FA' }"
-    >
+      :header-cell-style="{ 'background-color': '#F7F8FA', 'font-size': '16px', 'font-weight': 400 }">
       <el-table-column prop="name" label="章节">
         <template #default="{ row }">
           <template v-if="row.depth === 3">
             <router-link
               :to="`/course/player?course_id=${courseId}&chapter_id=${row.chapter_id}&section_id=${row.section_id}&resource_id=${row.resource_id}&semester_id=${semesterId}`"
-              target="_blank"
-            >
+              target="_blank">
               {{ row.name }}
             </router-link>
           </template>
@@ -128,4 +126,14 @@ function formatDuration(duration: number | undefined) {
     color: #333333;
   }
 }
+:deep(.el-table__row--level-0) {
+  font-size: 16px;
+  font-weight: 500;
+  color: #333;
+}
+:deep(.el-table__row--level-1) {
+  font-size: 16px;
+  font-weight: 400;
+  color: #333;
+}
 </style>

src/modules/course/views/CourseView.vue

@@ -94,8 +94,7 @@ function showInfo(title: string, content: string) {
           :autoplay="false"
           indicator-position="none"
           :arrow="detail.lecturers.length > 1 ? 'always' : 'never'"
-          height="126px"
-        >
+          height="126px">
           <el-carousel-item v-for="item in detail.lecturers" :key="item.id" class="lecturer-item">
             <img :src="item.avatar" class="lecturer-item__pic" />
             <div class="lecturer-item__info">
@@ -105,8 +104,7 @@ function showInfo(title: string, content: string) {
                   <div
                     class="lecturer-item__content"
                     v-html="item.summarize"
-                    style="height: 66px; overflow: hidden"
-                  ></div>
+                    style="height: 66px; overflow: hidden"></div>
                 </template>
                 <div class="lecturer-item__content" v-html="item.summarize"></div>
               </el-popover>
@@ -142,7 +140,7 @@ function showInfo(title: string, content: string) {
     </div>
   </div>
   <el-dialog v-model="dialogInfo.visible" :title="dialogInfo.title" width="472px" center>
-    <div v-html="dialogInfo.content"></div>
+    <div v-html="dialogInfo.content" class="dialog-info"></div>
   </el-dialog>
 </template>
 
@@ -164,8 +162,8 @@ function showInfo(title: string, content: string) {
     color: #333333;
   }
   ul {
-    margin-top: 10px;
-    margin-bottom: 20px;
+    margin-top: 20px;
+    margin-bottom: 30px;
     display: flex;
   }
   li {
@@ -240,4 +238,9 @@ function showInfo(title: string, content: string) {
 .course-view-bd {
   padding: 10px 20px;
 }
+.dialog-info {
+  :deep(img) {
+    max-width: 100%;
+  }
+}
 </style>