swiper8在react中用法

最新推荐文章于 2023-04-03 11:02:01 发布

前端imber

最新推荐文章于 2023-04-03 11:02:01 发布

阅读量886

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/imber___zsk/article/details/126279778

版权

import SwiperCore, { Autoplay } from 'swiper'
import { Swiper, SwiperSlide } from 'swiper/react'
import Image from 'next/image'
import 'swiper/css'
import 'swiper/css/bundle'
import 'swiper/css/autoplay'

          <Swiper
            modules={[Scollbar]}
            slidesPerView={1}
            onSlideChange={() => console.log('slide change')}
            onSwiper={(swiper) => console.log(swiper)}
            loop
            autoplay={{
              delay: 3000
            }}
          >
            {partnerLogo.map((value, index) => {
              return (
                <SwiperSlide key={index}>
                  <Image className={styles.item} src={value} />
                </SwiperSlide>
              )
            })}
          </Swiper>