课程详情、播放页面优化

src/pages/course/index.module.scss

@@ -106,9 +106,9 @@
         width: 100%;
         height: auto;
         margin-top: 20px;
-
         .chapter-name {
           width: 100%;
+          float: left;
           height: 15px;
           font-size: 15px;
           font-weight: 500;
@@ -118,12 +118,14 @@
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
+          margin-bottom: 5px;
         }
       }
       .hours-it {
         width: 100%;
+        float: left;
         height: auto;
-        margin-top: 20px;
+        margin-top: 10px;
       }
     }
   }

src/pages/course/index.tsx

@@ -131,7 +131,7 @@ const CoursePage = () => {
         <div className={styles["chapters-hours-cont"]}>
           {chapters.length === 0 && JSON.stringify(hours) === "{}" && <Empty />}{" "}
           {chapters.length === 0 && JSON.stringify(hours) !== "{}" && (
-            <div className={styles["hours-list-box"]}>
+            <div className={styles["hours-list-box"]} style={{ marginTop: 10 }}>
               {hours[0].map((item: any, index: number) => (
                 <div key={item.id} className={styles["hours-it"]}>
                   {learnHourRecord[item.id] && (

src/pages/course/video.module.scss

@@ -57,6 +57,7 @@
 
 .chapters-hours-cont {
   width: 100%;
+  float: left;
   height: auto;
   box-sizing: border-box;
   background-color: #ffffff;
@@ -70,9 +71,9 @@
       width: 100%;
       height: auto;
       margin-top: 20px;
-
       .chapter-name {
         width: 100%;
+        float: left;
         height: 15px;
         font-size: 15px;
         font-weight: 500;
@@ -82,12 +83,14 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        margin-bottom: 5px;
       }
     }
     .hours-it {
       width: 100%;
+      float: left;
       height: auto;
-      margin-top: 20px;
+      margin-top: 10px;
     }
   }
 }