list.js

import React from 'react';
import styles from './list.less';

const images = [
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
  {
    image: '',
    title: '',
  },
];
const Index = () => {
  return (
    <div className={styles.root}>
      <div className={styles.row}>
        <div>
          <img src={'/images/danxuanti.png'} alt=""></img>
          <span>单选题</span>
        </div>

        <img src={'/images/duoxuanti.png'} alt=""></img>
        <img src={'/images/panduanti.png'} alt=""></img>
      </div>
      <div className={styles.row}>
        <img src={'/images/tiankongti.png'} alt=""></img>
        <img src={'/images/jiandati.png'} alt=""></img>
        <img src={'/images/anlixuanzeti.png'} alt=""></img>
      </div>
      <div className={styles.row}>
        <img src={'/images/mingcijieshi.png'} alt=""></img>
        <img src={'/images/b1tixing.png'} alt=""></img>
        <img src={'/images/lunshuti.png'} alt=""></img>
      </div>
      <div className={styles.row}>
        <img src={'/images/fenxiti.png'} alt=""></img>
      </div>
    </div>
  );
};

export default Index;