Schisandra-Cloud-Storage/schisandra-cloud-storage-front-react
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 解决首页报错offsetWidth undefined

Browse Source
This commit is contained in:
landaiqing
2024-05-06 01:52:39 +08:00
parent e8daca608a
commit 7b1fbbf733
1 changed files with 187 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/HomeIndex/index.tsx
View File

@@ -4,8 +4,7 @@ import { ScrollTrigger } from 'gsap/ScrollTrigger'
import './index.less' import './index.less'
import SvgIcon from '@/components/SvgIcon/SvgIcon.tsx' import SvgIcon from '@/components/SvgIcon/SvgIcon.tsx'
const HomeIndex: React.FC = () => { const HomeIndex: React.FC = () => {
useEffect(() => { const animationFunction=()=>{
document.body.classList.add('body')
if (!CSS.supports('animation-timeline: scroll()')) { if (!CSS.supports('animation-timeline: scroll()')) {
// const SPAN = 'max(45vw, 260px)'; // const SPAN = 'max(45vw, 260px)';
const CONFIG = [ const CONFIG = [
@@ -189,8 +188,13 @@ const HomeIndex: React.FC = () => {
}, },
}) })
} }
}
useEffect(() => {
document.body.classList.add('body')
window.addEventListener('resize', animationFunction);
return () => { return () => {
document.body.classList.remove('body') document.body.classList.remove('body')
window.removeEventListener('resize', animationFunction);
} }
}, []) }, [])
return ( return (