Add vertical prop to FitCenter. Add OxygenToolbox to home page. Add Indicator to home. #20
@@ -1,11 +0,0 @@
|
||||
import React from 'react'
|
||||
|
||||
const Project: React.FC = () => {
|
||||
return (
|
||||
<>
|
||||
<h1>App</h1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Project
|
||||
17
src/components/home/OxygenToolbox.tsx
Normal file
17
src/components/home/OxygenToolbox.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import React from 'react'
|
||||
import FitCenter from '@/components/common/FitCenter.tsx'
|
||||
|
||||
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
|
||||
@@ -3,6 +3,7 @@ import FitFullScreen from '@/components/common/FitFullScreen'
|
||||
import FitCenter from '@/components/common/FitCenter'
|
||||
import { MainFrameworkContext } from '@/pages/MainFramework'
|
||||
import Slogan from '@/components/home/Slogan'
|
||||
import OxygenToolbox from '@/components/home/OxygenToolbox'
|
||||
|
||||
const Home: React.FC = () => {
|
||||
const {
|
||||
@@ -129,7 +130,7 @@ const Home: React.FC = () => {
|
||||
ref: fitFullScreenRef,
|
||||
children: <Slogan onClickScrollDown={handleScrollDown} />
|
||||
},
|
||||
{ children: <FitCenter>2</FitCenter> },
|
||||
{ children: <OxygenToolbox /> },
|
||||
{ children: <FitCenter>3</FitCenter> }
|
||||
]
|
||||
|
||||
|
||||
@@ -38,16 +38,6 @@ const routes: RouteObject[] = [
|
||||
menu: true,
|
||||
auth: false
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'project',
|
||||
id: 'project',
|
||||
Component: React.lazy(() => import('@/components/Project')),
|
||||
handle: {
|
||||
name: '项目',
|
||||
menu: true,
|
||||
auth: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user