hover优化

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

View File

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

View File

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

View File

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

View File

@ -102,7 +102,11 @@ const LatestLearnPage = () => {
)}
{!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"]}>
<Progress
percent={1}