过渡动画

components/Loading.js

@@ -1,25 +1,11 @@
 
 /**
- * 主题文件被加载出之前的占位符
+ * 异步文件加载过程中的占位符
  * @returns
  */
 const Loading = (props) => {
-//   const { theme, setOnReading } = useGlobal()
-  //   console.log('开启遮罩')
-  //   setOnReading(true)
-
-  //   useEffect(() => {
-  //     // 返回一个函数，在组件销毁时设置 onReading 为 false
-  //     return () => {
-  //       setTimeout(() => {
-  //         console.log('关闭遮罩')
-  //         setOnReading(false)
-  //       }, 500)
-  //     }
-  //   })
-
-  return <div className="w-screen h-screen flex justify-center items-center bg-black">
-       <i className='mr-5 fas fa-spinner animate-spin text-2xl' />
+  return <div id="loading-bg" className="-z-10 w-screen h-screen flex justify-center items-center fixed left-0 top-0">
+       <i className='fas fa-spinner animate-spin text-3xl' />
     </div>
 }
 export default Loading