style: 更改课件卡片的样式

src/components/Cards/CourseCard.vue

@@ -62,15 +62,15 @@ export default {
 
 .course-card {
   margin: 12px 0;
-  padding: 8px 8px 8px 16px;
+  padding: 8px 8px 8px 12px;
   // border-left: 4px solid $input-background-color;
   transition: .2s;
   cursor: pointer;
   border-radius: 12px;
-  background-color: $card-background;
+  background-color: lighten($card-background, 3);
 
   &:hover {
-    background: darken($card-background, 5);
+    background: darken($card-background, 2);
     // border-left: 4px solid $theme-blue;
   }
 }

src/components/Cards/CourseFileCard.vue

@@ -40,16 +40,15 @@ export default {
 @import '~@/style/theme.scss';
 
 .course-file-card {
-  padding: 4px 8px 4px 12px;
-  margin: 8px 0;
+  padding: 6px 8px 6px 12px;
   border-radius: 12px;
   // border-left: 4px solid $input-background-color;
-  background-color: $card-background;
+  background-color: white;
   transition: .2s;
   cursor: pointer;
 
   &:hover {
-    background-color: darken($card-background, 5);
+    background-color: $card-background;
     // border-left: 4px solid $theme-blue;
   }
 }

src/components/Cards/NoticeCard.vue

@@ -54,7 +54,7 @@ export default {
 @import '~@/style/theme.scss';
 
 .notice-card {
-  margin: 12px 0;
+  margin: 8px 0;
   border-radius: 12px;
   transition: .2s;
   cursor: pointer;

src/components/Cards/SlideCard.vue

@@ -77,16 +77,15 @@ export default {
 @import '~@/style/theme.scss';
 
 .slide-card {
-  padding: 4px 8px 4px 12px;
-  margin: 8px 0;
+  padding: 6px 8px 6px 12px;
   border-radius: 12px;
   // border-left: 4px solid $input-background-color;
-  background-color: $card-background;
+  background-color: white;
   transition: .2s;
   cursor: pointer;
 
   &:hover {
-    background-color: darken($card-background, 5);
+    background-color: $card-background;
     // border-left: 4px solid $theme-blue;
   }
 }

src/views/student/components/StudentCourseSlides.vue

@@ -28,11 +28,11 @@
                    :notice="notice">
       </notice-card>
     </template>
-    <template v-for="slide of slides">
-      <slide-card :key="'slide-' + slide.id" :hide-course="!showMore" :hide-teacher="!showMore"
+    <div v-for="slide of slides" class="mt-8" :key="'slide-' + slide.id">
+      <slide-card :hide-course="!showMore" :hide-teacher="!showMore"
                   :slide="slide" :hide-update-time="!showMore"
                   :click-handler="handleSlideCardClick"></slide-card>
-    </template>
+    </div>
     <template v-for="courseFile of courseFiles">
       <course-file-card :key="'file-' + courseFile.id" :hide-time="!showMore" :click-handler="handleCourseFileCardClick"
                         :courseFile="courseFile">

src/views/teacher/components/TeacherCourseSlides.vue

@@ -32,10 +32,10 @@
       <div class="no-content-warning-tip">本课程尚无课件～</div>
       <c-button block theme="blue" @click="handleToCreateCourse">去创建课件</c-button>
     </div>
-    <template v-for="slide of slides">
-      <slide-card :key="slide.id" :hide-teacher="!showMore" :hide-course="!showMore" :hide-update-time="!showMore"
+    <div v-for="slide of slides" class="mt-8" :key="slide.id">
+      <slide-card :hide-teacher="!showMore" :hide-course="!showMore" :hide-update-time="!showMore"
                   :slide="slide" :click-handler="handleSlideCardClick"></slide-card>
-    </template>
+    </div>
     <template v-for="courseFile of courseFiles">
       <course-file-card :key="'file-' + courseFile.id" :hide-time="!showMore" :click-handler="handleCourseFileCardClick"
                   :courseFile="courseFile">