为无法与SlidesPerView和道具之间的spaceBet配合使用的滑动幻灯片设置固定宽度和高度。
如果我移除了固定宽度和高度的滑动条,则滑动条将按预期工作。
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传递了固定的宽度和高度,预期的结果滑动器也应能正常工作。