Chengzhebei/src/pages/A3beie/index.tsx

import React from 'react'
import styles from './index.module.scss'
import history, { backPageFu, callIframeFu } from '@/utils/history'
function A3beie() {
  const handleBack = () => {
    backPageFu('#/yblm')
    callIframeFu('showInscription', -1)
  }

  const gotoQuanwen = () => {
    window.location.replace('#/quanwen')
    callIframeFu('showInscription', 10)
  }

  return (
    <div className={styles.A3beie}>
      <div className='back' onClick={() => handleBack()}>
        <img src={require('@/assets/img/btn_back.png')} alt='' />
      </div>
      <div className='wenwu' onClick={() => gotoQuanwen()}>
        <img src={require('@/assets/img/A2_quanwen.png')} alt='' />
      </div>
      <div className='menu'>
        <img src={require('@/assets/img/btn_menu.png')} alt='' />
      </div>
      <div className='container'>
        <div className='content'>
          <div className='title'>
            <div className='butterflyR'>
              <img src={require('@/assets/img/butterflyR.png')} alt='' />
            </div>
            碑额
          </div>
          <div className='text'>
            程哲碑碑文，
            <br /> 31行楷书，满行45字，
            <br /> 字径约2厘米，带方界格，总计1404字；
            <br /> 未刻正式碑名。 <br />
            通篇颂德程氏家族的历史功绩。
          </div>
        </div>
      </div>
    </div>
  )
}

const MemoA3beie = React.memo(A3beie)

export default MemoA3beie