Add Indicator box to home

This commit is contained in:
2023-09-14 18:19:08 +08:00
parent fd47be620d
commit 41c77c2eaa
3 changed files with 25 additions and 0 deletions

View File

@@ -0,0 +1,12 @@
.indicator {
position: fixed;
margin: {
right: 20px;
};
width: 20px;
height: 100px;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #00D4FF;
}

View File

@@ -0,0 +1,7 @@
import React from 'react'
const Indicator: React.FC = () => {
return <></>
}
export default Indicator

View File

@@ -1,9 +1,11 @@
import React, { useEffect } from 'react' import React, { useEffect } from 'react'
import '@/assets/css/components/home/home.scss'
import FitFullScreen from '@/components/common/FitFullScreen' import FitFullScreen from '@/components/common/FitFullScreen'
import FitCenter from '@/components/common/FitCenter' import FitCenter from '@/components/common/FitCenter'
import { MainFrameworkContext } from '@/pages/MainFramework' import { MainFrameworkContext } from '@/pages/MainFramework'
import Slogan from '@/components/home/Slogan' import Slogan from '@/components/home/Slogan'
import OxygenToolbox from '@/components/home/OxygenToolbox' import OxygenToolbox from '@/components/home/OxygenToolbox'
import Indicator from '@/components/common/Indicator.tsx'
const Home: React.FC = () => { const Home: React.FC = () => {
const { const {
@@ -149,6 +151,10 @@ const Home: React.FC = () => {
return <FitFullScreen key={index} {...element} /> return <FitFullScreen key={index} {...element} />
})} })}
</div> </div>
<div className={'indicator'}>
<Indicator />
</div>
</> </>
) )
} }