yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-09-11 03:23:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

footer置底

Browse Source
This commit is contained in:
禺狨 2023-03-29 10:06:43 +08:00
parent c5aa3488cb
commit 1ef85a71e8
5 changed files with 80 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.scss
View File

@ -1,5 +1,6 @@
#root { #root {
width: 100%; width: 100%;
min-height: 900px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
background-color: #ffffff; background-color: #ffffff;

2
src/index.scss
View File

@ -223,7 +223,7 @@ h1 {
.container { .container {
width: 1200px; width: 1200px;
min-height: 671px; min-height: calc(100vh - 260px);
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
} }

3
src/pages/course/compenents/hour.module.scss
View File

@ -19,6 +19,9 @@
color: #ff4d4f; color: #ff4d4f;
} }
} }
.complete {
color: #ff4d4f;
}
} }
.left-item { .left-item {

2
src/pages/latest-learn/index.module.scss
View File

@ -1,6 +1,6 @@
.content { .content {
width: 1200px; width: 1200px;
min-height: 581px; min-height: calc(100vh - 350px);
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;

144
src/pages/latest-learn/index.tsx
View File

@ -45,79 +45,83 @@ const LatestLearnPage = () => {
{!loading && {!loading &&
courses.length > 0 && courses.length > 0 &&
courses.map((item: any) => ( courses.map((item: any) => (
<div <>
key={item.course.id} {item.course && (
className={styles["item"]} <div
onClick={() => { key={item.course.id}
navigate(`/course/${item.course.id}`); className={styles["item"]}
}} onClick={() => {
> navigate(`/course/${item.course.id}`);
<Image }}
src={item.course.thumb} >
width={120} <Image
height={90} src={item.course.thumb}
style={{ borderRadius: 10 }} width={120}
preview={false} height={90}
/> style={{ borderRadius: 10 }}
<div className={styles["item-info"]}> preview={false}
<div className={styles["top"]}> />
{item.course.is_required === 1 && ( <div className={styles["item-info"]}>
<div className={styles["type"]}>必修课</div> <div className={styles["top"]}>
)} {item.course.is_required === 1 && (
{item.course.is_required === 0 && ( <div className={styles["type"]}>必修课</div>
<div className={styles["active-type"]}>选修课</div>
)}
<div className={styles["title"]}>{item.course.title}</div>
</div>
{item.record && (
<>
{item.last_learn_hour && (
<div className={styles["record"]}>
上次学到：{item.last_learn_hour.title}
</div>
)}
<div className={styles["progress"]}>
{item.record.progress < 10000 && (
<Progress
percent={item.record.progress / 100}
strokeColor="#FF4D4F"
trailColor="#F6F6F6"
/>
)} )}
{item.record.progress >= 10000 && ( {item.course.is_required === 0 && (
<> <div className={styles["active-type"]}>选修课</div>
<Image )}
width={24} <div className={styles["title"]}>{item.course.title}</div>
height={24} </div>
src={mediaIcon} {item.record && (
preview={false} <>
{item.last_learn_hour && (
<div className={styles["record"]}>
上次学到：{item.last_learn_hour.title}
</div>
)}
<div className={styles["progress"]}>
{item.record.progress < 10000 && (
<Progress
percent={item.record.progress / 100}
strokeColor="#FF4D4F"
trailColor="#F6F6F6"
/>
)}
{item.record.progress >= 10000 && (
<>
<Image
width={24}
height={24}
src={mediaIcon}
preview={false}
/>
<span className={styles["tip"]}>
恭喜你学完此套课程!
</span>
</>
)}
</div>
</>
)}
{!item.record && (
<>
{item.last_learn_hour && (
<div className={styles["record"]}>
上次学到：{item.last_learn_hour.title}
</div>
)}
<div className={styles["progress"]}>
<Progress
percent={1}
strokeColor="#FF4D4F"
trailColor="#F6F6F6"
/> />
<span className={styles["tip"]}> </div>
恭喜你学完此套课程! </>
</span>
</>
)}
</div>
</>
)}
{!item.record && (
<>
{item.last_learn_hour && (
<div className={styles["record"]}>
上次学到：{item.last_learn_hour.title}
</div>
)} )}
<div className={styles["progress"]}> </div>
<Progress </div>
percent={1} )}
strokeColor="#FF4D4F" </>
trailColor="#F6F6F6"
/>
</div>
</>
)}
</div>
</div>
))} ))}
</div> </div>
<div className={styles["extra"]}>{systemConfig.pcIndexFooterMsg}</div> <div className={styles["extra"]}>{systemConfig.pcIndexFooterMsg}</div>