Ilyas17's questions

我想制作一个滑块来显示我的项目。我通过一系列对象来做到这一点。但由于某种原因，幻灯片彼此相邻，当我切换幻灯片时，它们都会向左移动。

这是滑块代码：

return (
    <>
      <Swiper
        modules={[Navigation, Keyboard, Mousewheel]}
        spaceBetween={50}
        slidesPerView={1}
        keyboard
        mousewheel
        navigation
      >
        {projects.map((item) => {
          return (
            <SwiperSlide className="projects-item" key={item.id}>
              <img src={item.img} alt={item.name} className="project-image" />
              <div className="projects-item-name">{item.name}</div>
              <div className="projects-item-desc">{item.desc}</div>
              <a href={item.githubLink}>
                <img src={githubImg} alt="githubLink" />
              </a>
            </SwiperSlide>
          );
        })}
      </Swiper>
    </>
  );