reactjs - React ID Swiper 不适用于固定的滑动器滑动宽度、高度和 slidesPerView

Question

为 swiper-slides 设置固定的宽度和高度，不适用于 SlidesPerView 和 spaceBetween 属性。

如果我删除固定宽度和高度的 swiper-slide，则 Swiper 将按预期工作。

Actual Swiper reference

Code Tried

const Container = styled.div`
  height: 300px !important;
  width: 300px !important;
  border: 1px solid red;
`;

<Swiper slidesPerView={1.5} freeMode spaceBetween={20}>
   <Container>Slide 1</Container>
   <Container>Slide 2</Container>
   <Container>Slide 3</Container>
   <Container>Slide 4</Container>
   <Container>Slide 5</Container>
   <Container>Slide 6</Container>
</Swiper>

即使通过 slidesPerView 和 spaceBetween 属性组合传递固定宽度和高度，预期结果滑动器也应该能够顺利运行。

Answer 1

如果您使用包含的默认 CSS，SwiperSlide 可能有宽度