import React, { useState } from "react";
import styles from "./index.module.scss";
import { backPageFu } from "@/utils/history";
import { myData } from "@/utils/http";
function A4quanwen() {
  const [isHighlight, setIsHighlight] = useState(false)
  return (
    <div className={styles.A4quanwen}>
      <div className='back' onClick={() => backPageFu('/yblm')}>
        <img src={require('@/assets/img/btn_back.png')} alt='' />
      </div>

      <div className={`highlight`} onClick={() => setIsHighlight(!isHighlight)}>
        <img src={require(`@/assets/img/${isHighlight ? 'highlight_ac.png' : 'highlight.png'}`)} alt='' />
      </div>

      {/* 文字内容 */}
      <div className="txtContent">
        {myData.allTxt.map((item, index) => (
          <div className="item" key={index}>
            <div className="left">
              <div className="icon"><img src={require('@/assets/img/icon_dot1.png')} alt="" /></div>
              <div className="line"></div>
            </div>
            <div className="right">{item.title}</div>
          </div>))}
      </div>
    </div>
  )
}

const MemoA4quanwen = React.memo(A4quanwen);

export default MemoA4quanwen;
