mirror of
https://github.com/PlayEdu/h5.git
synced 2025-06-23 01:14:59 +08:00
视频详情优化
This commit is contained in:
parent
dabac610c2
commit
90a54d1b9b
@ -29,6 +29,7 @@ const CoursePage = () => {
|
|||||||
useState<LocalUserLearnHourRecordModel>({});
|
useState<LocalUserLearnHourRecordModel>({});
|
||||||
|
|
||||||
const [courseTypeText, setCourseTypeText] = useState("");
|
const [courseTypeText, setCourseTypeText] = useState("");
|
||||||
|
const [courseTitle, setCourseTitle] = useState("");
|
||||||
const [userCourseProgress, setUserCourseProgress] = useState(0);
|
const [userCourseProgress, setUserCourseProgress] = useState(0);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@ -51,7 +52,7 @@ const CoursePage = () => {
|
|||||||
setLearnRecord(res.data.learn_record);
|
setLearnRecord(res.data.learn_record);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (res.data.learn_hour_records) {
|
if (JSON.stringify(res.data.learn_hour_records) !== "{}") {
|
||||||
setLearnHourRecord(res.data.learn_hour_records);
|
setLearnHourRecord(res.data.learn_hour_records);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -60,13 +61,14 @@ const CoursePage = () => {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (course) {
|
if (course) {
|
||||||
setCourseTypeText(course.is_required === 1 ? "必修课" : "选修课");
|
setCourseTypeText(course.is_required === 1 ? "必修课" : "选修课");
|
||||||
|
setCourseTitle(course.title);
|
||||||
}
|
}
|
||||||
}, [course]);
|
}, [course]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (learnRecord?.progress) {
|
if (learnRecord?.progress) {
|
||||||
setUserCourseProgress(Math.floor(learnRecord.progress / 100));
|
setUserCourseProgress(Math.floor(learnRecord.progress / 100));
|
||||||
} else if (learnHourRecord) {
|
} else if (learnHourRecord && JSON.stringify(learnHourRecord) !== "{}") {
|
||||||
setUserCourseProgress(1);
|
setUserCourseProgress(1);
|
||||||
} else {
|
} else {
|
||||||
setUserCourseProgress(0);
|
setUserCourseProgress(0);
|
||||||
@ -87,7 +89,7 @@ const CoursePage = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles["top-content"]}>
|
<div className={styles["top-content"]}>
|
||||||
<div className={styles["title"]}>{course?.title}</div>
|
<div className={styles["title"]}>{courseTitle}</div>
|
||||||
<div className={styles["info-content"]}>
|
<div className={styles["info-content"]}>
|
||||||
<div className={styles["info"]}>
|
<div className={styles["info"]}>
|
||||||
<div className={styles["record"]}>
|
<div className={styles["record"]}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user