Optimize directory structure. Optimize Slogan.
This commit is contained in:
28
src/components/common/LoadingMask.tsx
Normal file
28
src/components/common/LoadingMask.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import React from 'react'
|
||||
import Icon from '@ant-design/icons'
|
||||
import '@/assets/css/components/common/loading-mask.scss'
|
||||
import FitFullScreen from '@/components/common/FitFullScreen'
|
||||
import { COLOR_FONT_MAIN } from '@/constants/Common.constants'
|
||||
|
||||
const LoadingMask: React.FC = () => {
|
||||
const loadingIcon = (
|
||||
<>
|
||||
<Icon
|
||||
component={IconFatwebLoading}
|
||||
style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
|
||||
spin
|
||||
/>
|
||||
</>
|
||||
)
|
||||
return (
|
||||
<>
|
||||
<FitFullScreen>
|
||||
<div className={'loading-mask'}>
|
||||
<AntdSpin indicator={loadingIcon} />
|
||||
</div>
|
||||
</FitFullScreen>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default LoadingMask
|
||||
Reference in New Issue
Block a user