import styles from './index.module.scss';
import { Image } from 'antd';
import errImg from '~/assets/errImg';
import img_mmc from './assets/mmc.png';

const qrcodeList = [
  {
    img: '/assets/mmc.png',
    title: '科比特官网',
    url: 'http://www.mmcuav.cn/',
  },
  {
    img: '/assets/fuwuhao.png',
    title: '云享飞服务号',
  },
  {
    img: '/assets/xiaochengxu.png',
    title: '云享飞小程序',
  },
  {
    img: '/assets/shequn.png',
    title: '官方社群',
  },
];

export default function Footer() {
  return (
    <div className={styles.footer}>
      <div className={styles.footerBox}>
        <div className={styles.logo}></div>
        <div className={styles.qrcodeList}>
          {qrcodeList.map((item, i) => {
            return (
              <div className={styles.qrcodeItem} key={i}>
                <Image
                  style={{
                    cursor: item.title === '科比特官网' ? 'pointer' : '',
                  }}
                  onClick={() => {
                    if (item.title === '科比特官网') window.location.href = item.url!;
                  }}
                  alt=''
                  className={styles.qrcodeImg}
                  src={item.img}
                  fallback={errImg}
                  preview={item.title !== '科比特官网'}
                ></Image>
                <div className={styles.qrcodeTitle}>{item.title}</div>
              </div>
            );
          })}
        </div>
      </div>
      {/* <div className={styles.rightText}>
        <div className={styles.number}>100W</div>
        <div className={styles.text}>无人机新媒体矩阵等你来关注</div>
      </div> */}
    </div>
  );
}
