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

视频详情以及视频播放页面优化优化

Browse Source
This commit is contained in:
禺狨
2023-07-04 15:00:29 +08:00
parent c6aaa868bc
commit 74b806b13d
4 changed files with 91 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -128,34 +128,16 @@ const CoursePage = () => {
<div className={styles["hours-list-box"]} style={{ marginTop: 10 }}>
{hours[0].map((item: CourseHourModel) => (
<div key={item.id} className={styles["hours-it"]}>
{learnHourRecord[item.id] ? (
<HourCompenent
id={item.id}
cid={item.course_id}
title={item.title}
record={learnHourRecord[item.id]}
duration={item.duration}
progress={
(learnHourRecord[item.id].finished_duration * 100) /
learnHourRecord[item.id].total_duration
}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
) : (
<HourCompenent
id={item.id}
cid={item.course_id}
title={item.title}
record={null}
duration={item.duration}
progress={0}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
)}
<HourCompenent
id={item.id}
cid={item.course_id}
title={item.title}
record={learnHourRecord[item.id]}
duration={item.duration}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
</div>
))}
</div>
@@ -168,35 +150,16 @@ const CoursePage = () => {
<div className={styles["chapter-name"]}>{item.name}</div>
{hours[item.id]?.map((it: CourseHourModel) => (
<div key={it.id} className={styles["hours-it"]}>
{learnHourRecord[it.id] && (
<HourCompenent
id={it.id}
cid={item.course_id}
title={it.title}
record={learnHourRecord[it.id]}
duration={it.duration}
progress={
(learnHourRecord[it.id].finished_duration * 100) /
learnHourRecord[it.id].total_duration
}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
)}
{!learnHourRecord[it.id] && (
<HourCompenent
id={it.id}
cid={item.course_id}
title={it.title}
record={null}
duration={it.duration}
progress={0}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
)}
<HourCompenent
id={it.id}
cid={item.course_id}
title={it.title}
record={learnHourRecord[it.id]}
duration={it.duration}
onSuccess={(cid: number, id: number) => {
playVideo(cid, id);
}}
></HourCompenent>
</div>
))}
</div>