ghgyj/Scene/src/pages/A5Mobile/index.tsx

import React from 'react'
import styles from './index.module.scss'
import { useHistory } from 'react-router-dom'
import 'animate.css';
function A5Mobile({ show, setShow }: { show: boolean; setShow: (show: boolean) => void }) {
  const history = useHistory()
  return (
    <div className={styles.A5Mobile} style={{ display: show ? 'block' : 'none' }}>
      <div className="title"><img src={require('./image/title.png')} alt="" /></div>
      <div className="logo"><img src={require('./image/logo.png')} alt="" /></div>
      <div className="pic1"><img src={require('./image/pic.png')} alt="" /></div>
      <div className="info"><img src={require('./image/info.png')} alt="" /></div>
      <div className="add"><img src={require('./image/add.png')} alt="" /></div>
      <div
        className='button'
        onClick={() => {
          setShow(false)
          history.push('/home?m=SG-H0u4QGRtEod')
          window.location.reload()
        }}
      >
        <img src={require('./image/button.png')} alt='' />
      </div>
    </div>
  )
}

const MemoA5Mobile = React.memo(A5Mobile)

export default MemoA5Mobile