yexuejc007/PlayEdu-h5
1
0
Fork 0
mirror of https://github.com/PlayEdu/h5.git synced 2025-06-29 04:12:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

课程详情、播放页面优化

Browse Source
This commit is contained in:
禺狨 2023-06-30 16:13:47 +08:00
parent cba6aa3432
commit 60a88b1fe0
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/course/index.module.scss
View File

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

2
src/pages/course/index.tsx
View File

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

7
src/pages/course/video.module.scss
View File

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