heo 动画微调

This commit is contained in:
tangly1024.com
2024-08-30 18:15:23 +08:00
parent 053fc6576b
commit ffa8511439
6 changed files with 51 additions and 39 deletions

View File

@@ -13,7 +13,7 @@ export default function LoadingCover() {
if (onLoading) {
setIsVisible(true)
} else {
const timeout = setTimeout(() => setIsVisible(false), 1000) // 等待淡出动画结束
const timeout = setTimeout(() => setIsVisible(false), 1500) // 等待淡出动画结束
return () => clearTimeout(timeout)
}
}, [onLoading])
@@ -30,7 +30,7 @@ export default function LoadingCover() {
<div
id='loading-cover'
onClick={handleClick}
className={`dark:text-white text-black bg-white dark:bg-black animate__animated ${
className={`dark:text-white text-black bg-white dark:bg-black animate__animated animate__faster ${
onLoading ? 'animate__fadeIn' : 'animate__fadeOut'
} flex flex-col justify-center z-50 w-full h-screen fixed top-0 left-0`}>
<div className='mx-auto'>