yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-06-18 12:07:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

hover优化

Browse Source
This commit is contained in:
禺狨 2023-03-28 10:37:10 +08:00
parent a4856a5392
commit 357f795883
4 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/course/compenents/video.tsx
View File

@ -22,6 +22,7 @@ export const VideoModel: React.FC<PropInterface> = ({
}) => { }) => {
const [playUrl, setPlayUrl] = useState<string>(""); const [playUrl, setPlayUrl] = useState<string>("");
const [playDuration, setPlayDuration] = useState(0); const [playDuration, setPlayDuration] = useState(0);
const [playendedStatus,setPlayendedStatus]= useState<Boolean>(false);
const myRef = useRef(0); const myRef = useRef(0);
useEffect(() => { useEffect(() => {

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

@ -5,6 +5,7 @@ import { useParams } from "react-router-dom";
import { course as Course } from "../../api/index"; import { course as Course } from "../../api/index";
import mediaIcon from "../../assets/images/commen/icon-medal.png"; import mediaIcon from "../../assets/images/commen/icon-medal.png";
import { HourCompenent } from "./compenents/hour"; import { HourCompenent } from "./compenents/hour";
import { Empty } from "../../compenents";
const CoursePage = () => { const CoursePage = () => {
const params = useParams(); const params = useParams();
@ -112,9 +113,7 @@ const CoursePage = () => {
)} )}
</div> </div>
<div className={styles["chapters-hours-cont"]}> <div className={styles["chapters-hours-cont"]}>
{chapters.length === 0 && JSON.stringify(hours) === "{}" && ( {chapters.length === 0 && JSON.stringify(hours) === "{}" && <Empty />}
<div>暂无课时</div>
)}
{chapters.length === 0 && JSON.stringify(hours) !== "{}" && ( {chapters.length === 0 && JSON.stringify(hours) !== "{}" && (
<div className={styles["hours-list-box"]}> <div className={styles["hours-list-box"]}>
{hours[0].map((item: any) => ( {hours[0].map((item: any) => (

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

@ -19,7 +19,7 @@
transition: all 0.3s; transition: all 0.3s;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
border: none; border: 2px solid #f6f6f6;
box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04); box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s; transition: all 0.3s;
transform: translateY(-5px); transform: translateY(-5px);

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

@ -102,7 +102,11 @@ const LatestLearnPage = () => {
)} )}
{!item.record && ( {!item.record && (
<> <>
<div className={styles["record"]}></div> {item.last_learn_hour && (
<div className={styles["record"]}>
上次学到：{item.last_learn_hour.title}
</div>
)}
<div className={styles["progress"]}> <div className={styles["progress"]}>
<Progress <Progress
percent={1} percent={1}