废鸡程序员 2023-01-11 21:38 采纳率: 86%
浏览 18

swiper pc端要添加几项配置移动端的时候不需要,怎么处理?


var indexSwiper = new Swiper('#swiper-live', {
            loop: true,
            autoplay: {
                delay: 30000000
            },
            // initialSlide: 0,
            // centeredSlides: true,
            // slidesPerView: 'auto',
            // spaceBetween: 25,
    
            navigation: {
                nextEl: '.swiper-next-vlog',
                prevEl: '.swiper-prev-vlog',
            },
            observer:true,
            observeParents:true,
            observeSlideChildren:true
            
        })

注释的那段pc的时候加上去!

  • 写回答

3条回答 默认 最新

  • 流比 2023-01-11 22:14
    关注
    
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        // 移动端的配置 
    } else {
        // PC端的配置
        indexSwiper.params.centeredSlides = true;
        indexSwiper.params.slidesPerView = 'auto';
        indexSwiper.params.spaceBetween = 25;
    }
    
    
    评论

报告相同问题?

问题事件

  • 创建了问题 1月11日