FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Separate official website page

Browse Source
This commit is contained in:
Fat Snake
2023-12-28 17:50:26 +08:00
parent 81d6f0ac29
commit 0b8df09336
33 changed files with 125 additions and 980 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/FullscreenLoadingMask.tsx
View File

@@ -8,7 +8,7 @@ const FullscreenLoadingMask: React.FC = () => {
const loadingIcon = (
<>
<Icon
component={IconFatwebLoading}
component={IconOxygenLoading}
style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
spin
/>

2
src/components/common/LoadingMask.tsx
View File

@@ -11,7 +11,7 @@ const LoadingMask: React.FC<LoadingMaskProps> = (props) => {
const loadingIcon = (
<>
<Icon
component={IconFatwebLoading}
component={IconOxygenLoading}
style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
spin
/>

6
src/components/common/sidebar/SidebarFooter.tsx
View File

@@ -33,7 +33,7 @@ const SidebarFooter: React.FC = () => {
removeToken()
notification.info({
message: '已退出登录',
icon: <Icon component={IconFatwebExit} style={{ color: COLOR_ERROR }} />
icon: <Icon component={IconOxygenExit} style={{ color: COLOR_ERROR }} />
})
setTimeout(() => {
window.location.reload()
@@ -65,7 +65,7 @@ const SidebarFooter: React.FC = () => {
{avatar ? (
<img src={avatar} alt={'Avatar'} />
) : (
<Icon viewBox={'-20 0 1024 1024'} component={IconFatwebUser} />
<Icon viewBox={'-20 0 1024 1024'} component={IconOxygenUser} />
)}
</span>
<span hidden={getLoginStatus()} className={'text'}>
@@ -84,7 +84,7 @@ const SidebarFooter: React.FC = () => {
<div className={'content'}>
<span hidden={!getLoginStatus()} className={'icon-exit'} onClick={handleLogout}>
<Icon
component={exiting ? IconFatwebLoading : IconFatwebExit}
component={exiting ? IconOxygenLoading : IconOxygenExit}
spin={exiting}
/>
</span>

2
src/components/common/sidebar/index.tsx
View File

@@ -29,7 +29,7 @@ const Sidebar: React.FC<SidebarProps> = (props) => {
>
<div className={'title'}>
<span className={'icon-box'} onClick={switchSidebar}>
<Icon component={IconFatwebExpand} />
<Icon component={IconOxygenExpand} />
</span>
<span className={'text'}>{props.title}</span>
</div>

29
src/components/home/Footer.tsx
View File

@@ -1,29 +0,0 @@
import React from 'react'
import Icon from '@ant-design/icons'
import '@/assets/css/components/home/footer.scss'
import FitCenter from '@/components/common/FitCenter'
import FitFullscreen from '@/components/common/FitFullscreen'
const Footer: React.FC = () => {
return (
<>
<FitFullscreen backgroundColor={'#333'}>
<FitCenter vertical={true} style={{ gap: 20 }}>
<div className={'icons'}>
<NavLink to={'https://github.com/FatttSnake'}>
<Icon component={IconFatwebGithub} className={'icon'} />
</NavLink>
<NavLink to={'https://ci.fatweb.top'}>
<Icon component={IconFatwebJenkins} className={'icon'} />
</NavLink>
</div>
<div className={'links'}>
<NavLink to={'mailto:fatttsnake@fatweb.top'}>Mail</NavLink>
</div>
</FitCenter>
</FitFullscreen>
</>
)
}
export default Footer

17
src/components/home/OxygenToolbox.tsx
View File

@@ -1,17 +0,0 @@
import React from 'react'
import FitCenter from '@/components/common/FitCenter'
const OxygenToolbox: React.FC = () => {
return (
<>
<FitCenter vertical>
<div>
<div style={{ fontSize: '4.5em', fontWeight: 'bold' }}>Oxygen Toolbox</div>
<div style={{ fontSize: '1.4em', textAlign: 'end' }}>is coming soon...</div>
</div>
</FitCenter>
</>
)
}
export default OxygenToolbox

50
src/components/home/Slogan.tsx
View File

@@ -1,50 +0,0 @@
import React from 'react'
import Icon from '@ant-design/icons'
import '@/assets/css/components/home/slogan.scss'
import FitCenter from '@/components/common/FitCenter'
interface SloganProps {
onClickScrollDown: (event: React.MouseEvent) => void
}
const Slogan: React.FC<SloganProps> = (props) => {
const [slogan, setSlogan] = useState('')
const [sloganType, setSloganType] = useState(true)
const typeText = '因为热爱 所以折腾'
if (sloganType) {
setTimeout(() => {
if (slogan.length < typeText.length) {
setSlogan(typeText.substring(0, slogan.length + 1))
} else {
setSloganType(false)
}
}, 250)
} else {
setTimeout(() => {
if (slogan.length > 0) {
setSlogan(typeText.substring(0, slogan.length - 1))
} else {
setSloganType(true)
}
}, 100)
}
return (
<>
<FitCenter>
<div className={'center-box'}>
<div className={'big-logo'}>FatWeb</div>
<span id={'slogan'} className={'slogan'}>
/* {slogan || <>&nbsp;</>} <span className={'cursor'}>|</span> */
</span>
</div>
<div className={'scroll-down'} onClick={props.onClickScrollDown}>
<Icon component={IconFatwebDown} style={{ fontSize: '1.8em', color: '#666' }} />
</div>
</FitCenter>
</>
)
}
export default Slogan