$require(['swiper'], function () {
    /** Bottom **/
    var thumbsSwiperBottom = new Swiper('.gallery-thumbs-bottom', {
        spaceBetween: 10,
        observer: true,
        slidesPerView: 3,
        watchSlidesVisibility: true,//防止不可点击
        breakpoints: {
            768: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        }
    })
    var galleryBottom = new Swiper('.gallery-bottom', {
        speed: 800,
        observer: true,
        spaceBetween: 20,
        navigation: {
            nextEl: '.gallery-bottom .swiper-button-next',
            prevEl: '.gallery-bottom .swiper-button-prev',
        },
        thumbs: {
            swiper: thumbsSwiperBottom,
        }
    })
    /** Bottom **/

    /** Top **/
    var thumbsSwiperTop = new Swiper('.gallery-thumbs-top', {
        spaceBetween: 10,
        observer: true,
        slidesPerView: 3,
        watchSlidesVisibility: true,//防止不可点击
        breakpoints: {
            768: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        }
    })
    var galleryBottom = new Swiper('.gallery-top', {
        speed: 800,
        observer: true,
        spaceBetween: 20,
        navigation: {
            nextEl: '.gallery-top .swiper-button-next',
            prevEl: '.gallery-top .swiper-button-prev',
        },
        thumbs: {
            swiper: thumbsSwiperTop,
        }
    })
    /** Top **/

    /** Left **/
    var thumbsSwiperLeft = new Swiper('.gallery-thumbs-left', {
        direction: 'vertical',
        observer: true,
        spaceBetween: 10,
        slidesPerView: 3,
        watchSlidesVisibility: true,//防止不可点击
        breakpoints: {
            768: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        }
    })
    var galleryBottom = new Swiper('.gallery-left', {
        direction: 'vertical',
        observer: true,
        speed: 800,
        spaceBetween: 20,
        navigation: {
            nextEl: '.gallery-left .swiper-button-next',
            prevEl: '.gallery-left .swiper-button-prev',
        },
        thumbs: {
            swiper: thumbsSwiperLeft,
        }
    })
    /** Left **/

    /** Right **/
    var thumbsSwiperRight = new Swiper('.gallery-thumbs-right', {
        direction: 'vertical',
        observer: true,
        spaceBetween: 10,
        slidesPerView: 4,
        watchSlidesVisibility: true,//防止不可点击
        breakpoints: {
            768: {
                slidesPerView: 3,
                spaceBetween: 20
            },
        }
    })
    var galleryBottom = new Swiper('.gallery-right', {
        direction: 'vertical',
        observer: true,
        speed: 800,
        spaceBetween: 20,
        navigation: {
            nextEl: '.gallery-right .swiper-button-next',
            prevEl: '.gallery-right .swiper-button-prev',
        },
        thumbs: {
            swiper: thumbsSwiperRight,
        }
    })
    /** Right **/

})