React ID Swiper无法与固定的滑动条宽度,高度和幻灯片一起使用

时间:2019-10-31 16:18:33

标签: reactjs swiper

为无法与SlidesPerView和道具之间的spaceBet配合使用的滑动幻灯片设置固定宽度和高度。

如果我移除了固定宽度和高度的滑动条,则滑动条将按预期工作。

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和prop属性之间的spaceBet传递了固定的宽度和高度,预期的结果滑动器也应能正常工作。

0 个答案:

没有答案