mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-16 01:01:38 +00:00
feat: add home page model
This commit is contained in:
26
components/models/home/loading.tsx
Normal file
26
components/models/home/loading.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Html, useProgress } from '@react-three/drei';
|
||||
import clsx from 'clsx';
|
||||
import RUALoading from 'components/rua/loading/rua-loading';
|
||||
|
||||
const Loading = () => {
|
||||
const { progress } = useProgress();
|
||||
console.log(progress);
|
||||
|
||||
return (
|
||||
<Html as="div">
|
||||
<div
|
||||
className={clsx(
|
||||
'h-full w-full absolute',
|
||||
'top-0 left-0 flex',
|
||||
'justify-center items-center',
|
||||
'bg-bluish-gray dark:bg-rua-gray-900',
|
||||
'transition-all duration-300',
|
||||
)}
|
||||
>
|
||||
<RUALoading />
|
||||
</div>
|
||||
</Html>
|
||||
);
|
||||
};
|
||||
|
||||
export default Loading;
|
Reference in New Issue
Block a user