swiper一直更新是个好事,但使用方法一直在悄悄的变,真得很坑人,直接带过坑吧。
关键在这个引入这里,新版的必须将Autoplay作为模块引入,反正和以前版本有很多不一样了。
import { Autoplay, EffectFade, Pagination, Navigation } from 'swiper/modules';
import { Swiper, SwiperSlide } from 'swiper/react';
// Import Swiper styles
import 'swiper/css';
import 'swiper/css/pagination';
import 'swiper/css/navigation';
import 'swiper/css/effect-fade';
接下来是组件中引入
<SwipperWrapper >
<Swiper
spaceBetween={30}
effect={'fade'}
// slidesPerView={3}
centeredSlides={true}
navigation={true}
pagination={
{
clickable: true,
}}
modules={[
EffectFade,
Autoplay,
Navigation,
Pagination
]}
autoplay={
{