import React , { memo } from 'react' ; import Antmotion from '@/component/antMotion' ; import EffCircle from '@/component/effectCircle' ; import { AsideProps } from '@/component/aside' ; import RunMan from '@/component/runMan' ; import styles from './styles.less' ; export default memo ( ( { data , onChangeBg } ) => ( < React . Fragment > < div className = { styles . effBox } > < RunMan /> < EffCircle data = { data } onChangeBg = { onChangeBg } / > { } < div className = { styles . animationFrameOne } / > < div className = { styles . animationFrameThree } / > < div className = { styles . animationFour } / > < div className = { styles . effBoxRight } > < Antmotion /> < /div> < /div> < /React.Fragment>));