切换主题加遮罩过渡

This commit is contained in:
tangly1024.com
2023-07-24 14:48:35 +08:00
parent 0070ba1b44
commit b66c2b1f37
3 changed files with 11 additions and 29 deletions

View File

@@ -1,14 +0,0 @@
/**
* 加载文件时的全局遮罩
* @returns
*/
const LoadingCover = (props) => {
const { onReading } = props
return <div className={`${onReading ? 'opacity-30' : 'opacity-0'} bg-black text-white shadow-text w-screen h-screen flex justify-center items-center
transition-all fixed top-0 left-0 pointer-events-none duration-1000 z-50 shadow-inner`}>
<i className='text-3xl mr-5 fas fa-spinner animate-spin' />
</div>
}
export default LoadingCover