Add MainFramework and loading mask. Add animation to menu.

This commit is contained in:
2023-09-06 18:27:18 +08:00
parent 2b4e54a69d
commit 530d201b1c
14 changed files with 279 additions and 24 deletions

View File

@@ -0,0 +1,27 @@
import React from 'react'
import Icon from '@ant-design/icons'
import FitFullScreen from '@/components/FitFullScreen.tsx'
import { COLOR_FONT_MAIN } from '@/constants/Common.constants.ts'
const LoadingMask: React.FC = () => {
const loadingIcon = (
<>
<Icon
component={IconFatwebLoading as React.ComponentType}
style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
spin
/>
</>
)
return (
<>
<FitFullScreen>
<div id={'loading-mask'}>
<AntdSpin indicator={loadingIcon} />
</div>
</FitFullScreen>
</>
)
}
export default LoadingMask