yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-06-08 17:34:13 +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 {
width: 100%;
min-height: 900px;
margin: 0 auto;
text-align: center;
background-color: #ffffff;

2
src/index.scss
View File

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

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

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

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

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

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

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