style:样式调整

src/components/CourseList.vue

@@ -7,8 +7,8 @@
       <el-button type="primary" @click="getCourseList('updated_time')"
         >最近更新<i class="el-icon-caret-bottom el-icon--right"></i
       ></el-button>
-      <div class="coursr-top-text">你的课程有效期为：{{ createdTime }}-{{ endTime }}，请在有效期内完成学习及考试</div>
     </div>
+    <div class="course-top-text">您的课程有效期为：{{ createdTime }}-{{ endTime }}，请在有效期内完成学习及考试。</div>
     <app-container>
       <div class="course-list" element-loading-text="加载中..." v-loading="!loaded">
         <template v-if="currentList.length">
@@ -92,9 +92,10 @@ export default {
   display: flex;
   align-items: flex-end;
   margin-bottom: 20px;
-  .coursr-top-text {
-    margin-left: 20px;
-    font-size: 28px;
-  }
+}
+.course-top-text {
+  margin-bottom: 20px;
+  font-size: 14px;
+  font-weight: 500;
 }
 </style>