From 8b8f59c55d74787f01a27fb6c644b03bfee1e147 Mon Sep 17 00:00:00 2001 From: Tatyana Date: Tue, 12 Aug 2025 15:59:45 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=D0=B0=20=D0=B0=D0=BD=D0=B8=D0=BC=D0=B0=D1=86=D0=B8=D1=8E?= =?UTF-8?q?=20=D0=BF=D1=80=D0=B8=20=D0=BC=D0=B0=D1=81=D1=88=D1=82=D0=B0?= =?UTF-8?q?=D0=B1=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/CourseComplete.tsx | 3 --- src/pages/Welcome.tsx | 43 ++++++++++++++++++++++-------------- 2 files changed, 26 insertions(+), 20 deletions(-) diff --git a/src/pages/CourseComplete.tsx b/src/pages/CourseComplete.tsx index aa50c25..6e4922a 100644 --- a/src/pages/CourseComplete.tsx +++ b/src/pages/CourseComplete.tsx @@ -101,6 +101,3 @@ export default CourseComplete - // - // - // \ No newline at end of file diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx index 7f7f582..d20a872 100644 --- a/src/pages/Welcome.tsx +++ b/src/pages/Welcome.tsx @@ -2,7 +2,7 @@ import type React from "react" import { useEffect, useState } from "react" -// import { useIonRouter } from '@ionic/react'; +import { useIonRouter } from '@ionic/react'; const CourseComplete: React.FC = () => { @@ -25,15 +25,15 @@ const CourseComplete: React.FC = () => { - // const router = useIonRouter() + const router = useIonRouter() - // useEffect(() => { - // const timer = setTimeout(() => { - // router.push("/home", "forward") - // }, 3500) // Задержка 3 секунды + useEffect(() => { + const timer = setTimeout(() => { + router.push("/home", "forward") + }, 3500) // Задержка 3 секунды - // return () => clearTimeout(timer) - // }, [router]) + return () => clearTimeout(timer) + }, [router]) return ( @@ -45,16 +45,20 @@ const CourseComplete: React.FC = () => {
-
+ + + + +
{/* тело */}
= 1 ? "opacity-100 scale-100 top-[24%]" : "opacity-0 scale-0 top-[10%]"} `}> - - + +
{/* руки */} -
= 1 ? "opacity-100 scale-100 top-[14%]" : "opacity-0 scale-0 top-[7%]"} ${animationPhase >= 3 ? "opacity-100 rotate-20" : "opacity-100 rotate-0"}`} +
= 1 ? "opacity-100 scale-100 top-[16%]" : "opacity-0 scale-0 top-[20%]"} ${animationPhase >= 3 ? "opacity-100 rotate-20" : "opacity-100 rotate-0"}`} > @@ -62,7 +66,7 @@ const CourseComplete: React.FC = () => {
{/* нога 1 */} -
= 1 ? "opacity-100 scale-100 top-[34%] left-[37%]" : "opacity-0 scale-0 top-[15%] left-[47%]"} ${animationPhase >= 3 ? "top-[0%] right-[47%] " : "top-[15%] right-[47%] "}`}> +
= 1 ? "opacity-100 scale-100 top-[30%] left-[37%]" : "opacity-0 scale-0 top-[15%] left-[47%]"} ${animationPhase >= 3 ? "top-[0%] right-[47%] " : "top-[15%] right-[47%] "}`}> @@ -76,23 +80,23 @@ const CourseComplete: React.FC = () => {
{/* нога 2 */} -
= 1 ? "opacity-100 scale-100 top-[34%] right-[37%] " : "opacity-0 scale-0 top-[15%] right-[47%] "} `}> +
= 1 ? "opacity-100 scale-100 top-[30%] right-[38%] " : "opacity-0 scale-0 top-[15%] right-[47%] "} `}>
{/* голова */} -
= 1 ? "opacity-100 scale-100 top-[14%] left-[41%] " : "opacity-0 scale-0 top-[20%] right-[40%] "} `}> +
= 1 ? "opacity-100 scale-100 top-[16%] left-[41%] " : "opacity-0 scale-0 top-[20%] right-[40%] "} `}>
- + {/* мяч */} -
= 2 ? "opacity-100 scale-100 top-[14%] left-[22%] " : "opacity-0 scale-0 -top-[20%] right-[40%] "} ${animationPhase >= 3 ? "scale-[90%]" : "scale-100"} {/* ${animationPhase >= 4 ? "scale-[3000%]" : "scale-100"} */} +
= 2 ? "opacity-100 scale-100 top-[14%] left-[22%] " : "opacity-0 scale-0 -top-[20%] right-[40%] "} ${animationPhase >= 3 ? "scale-[90%]" : "scale-100"} ${animationPhase >= 4 ? "scale-[3000%]" : "scale-100"} ` } > @@ -137,3 +141,8 @@ const CourseComplete: React.FC = () => { } export default CourseComplete + + + // + // + // \ No newline at end of file