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

视频详情优化

Browse Source
This commit is contained in:
禺狨 2023-07-05 09:38:10 +08:00
parent dabac610c2
commit 90a54d1b9b
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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"]}>