"use strict"; (function () { console.log("娴忚鍣ㄥ垎杈ㄧ巼鏄? + document.documentElement.clientWidth + "*" + document.documentElement.clientHeight); console.log("灞忓箷鍒嗚鲸鐜囨槸" + window.screen.width + "*" + window.screen.height); let pageVar = $("meta[name='generator']")[0].dataset.var; pageVar = pageVar.split("|"); pageVar = { pageUrl: pageVar[0], acode: pageVar[1], template: pageVar[2], tcode: pageVar[3], pcode: pageVar[4], scode: pageVar[5], }; let isPc = true; let isPad = false; let isPhone = false; checkSize() $(window).resize(function () { checkSize() }); function checkSize() { let windowsWidth = document.documentElement.clientWidth; if (windowsWidth > 991) { isPc = true; isPad = false; isPhone = false; console.log("isPc", isPc); } else if (windowsWidth >= 768 && windowsWidth <= 991) { isPc = false; isPad = true; console.log("isPad", isPad); } else if (windowsWidth < 768) { isPc = false; isPad = false; isPhone = true; console.log("isPhone", isPhone); } console.log("windowsWidth", windowsWidth); } let banners = $("#sw_banner .swiper-slide"); if (pageVar.scode != 0) { banners = $("#sw_pagebanner .swiper-slide"); } // console.log(banners); banners.each(function (v, k) { let classList = $(k)[0].dataset.id; // console.log($(k)); // console.log(classList); if (classList != '') { let tcode = $(k)[0].dataset.tcode; let pcode = $(k)[0].dataset.pcode; let scode = $(k)[0].dataset.scode; if (scode != 0) { let classLs = classList.split(',') let show = false; if (classLs.indexOf(tcode) >= 0) { show = true; } if (classLs.indexOf(pcode) >= 0) { show = true; } if (classLs.indexOf(scode) >= 0) { show = true; } // console.log(classLs); if (!show) { $(k)[0].remove(); } } // console.log(tcode,pcode,scode); } }) var mybanner = new Swiper('#sw_banner', { loop: true, speed: 300, autoplay: { disableOnInteraction: false, delay: 4000 }, navigation: { nextEl: '.swiper-button-next-banner', prevEl: '.swiper-button-prev-banner', }, pagination: { el: '.swiper-pagination-banner', clickable: true, }, on: { init: function (item) { bannerReSize() } } }) var sw_pagebanner = new Swiper('#sw_pagebanner', { // loop: true, speed: 300, on: { init: function (item) { bannerReSize(item) } } }) function bannerReSize(e) { // console.log(e); let pcHeight = $(".sw_banner")[0].dataset.pcheight; let padHeight = $(".sw_banner")[0].dataset.padheight; let phoneHeight = $(".sw_banner")[0].dataset.phoneheight; if (isPc) { $(".sw_banner .swiper-slide").css({ "background-size": "auto " + pcHeight + "px", "height": pcHeight + "px" }) $(".sw_banner .swiper-slide div").css({ "height": pcHeight + "px" }) } if (isPad) { $(".sw_banner .swiper-slide").css({ "background-size": "auto " + padHeight + "px", "height": padHeight + "px" }) $(".sw_banner .swiper-slide div").css({ "height": padHeight + "px" }) } if (isPhone) { $(".sw_banner .swiper-slide").css({ "background-size": "auto " + phoneHeight + "px", "height": phoneHeight + "px" }) $(".sw_banner .swiper-slide div").css({ "height": phoneHeight + "px" }) } } $(window).resize(function () { bannerReSize() console.log("bannerUpdata"); } ); //浜у搧2 var index_img_sw = new Swiper('#index_img_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, spaceBetween: 20, slidesPerColumnFill: 'row', slidesPerView: 6, breakpoints: { 1024: { slidesPerView: 6, }, 768: { slidesPerView: 4, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) //浜у搧2 //浜у搧2 var mySwiper_product2 = new Swiper('#index_product2_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 4, spaceBetween: 20, slidesPerColumn: 2, slidesPerColumnFill: 'row', breakpoints: { 1024: { slidesPerView: 4, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) //浜у搧2 // about3_sw var about3_sw = new Swiper('#about3_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 3, spaceBetween: 20, slidesPerColumn: 2, slidesPerColumnFill: 'row', breakpoints: { 1024: { slidesPerView: 3, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // about4_sw var about4_sw = new Swiper('#about4_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 3, spaceBetween: 20, slidesPerColumn: 2, slidesPerColumnFill: 'row', breakpoints: { 1024: { slidesPerView: 3, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // about5_sw var about5_sw = new Swiper('#about5_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 5, spaceBetween: 20, breakpoints: { 1024: { slidesPerView: 5, }, 768: { slidesPerView: 5, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // #about6_sw var about6_sw = new Swiper('#about6_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 4, spaceBetween: 20, breakpoints: { 1024: { slidesPerView: 4, }, 768: { slidesPerView: 4, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // #about7_sw var about7_sw = new Swiper('#about7_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 5, spaceBetween: 20, breakpoints: { 1024: { slidesPerView: 5, }, 768: { slidesPerView: 4, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // product1_sw1 var product1_sw1 = new Swiper('#product1_sw1', { watchSlidesVisibility: true, slidesPerView: 3, spaceBetween: 20, slidesPerColumn: 2, slidesPerColumnFill: 'row', breakpoints: { 1024: { slidesPerView: 3, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) // product1_sw2 var product1_sw2 = new Swiper('#product1_sw2', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 3, spaceBetween: 24, breakpoints: { 1024: { slidesPerView: 3, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, navigation: { nextEl: '.swiper-button-next-product1_sw2', prevEl: '.swiper-button-prev-product1_sw2', }, }) // product2_about4_sw var product2_about4_sw = new Swiper('#product2_about4_sw', { autoplay: true, autoplay: { disableOnInteraction: false, }, watchSlidesVisibility: true, slidesPerView: 3, spaceBetween: 20, slidesPerColumn: 2, slidesPerColumnFill: 'row', breakpoints: { 1024: { slidesPerView: 3, }, 768: { slidesPerView: 3, }, 640: { slidesPerView: 2, }, 320: { slidesPerView: 2, } }, }) $('.clearfix iframe').css('height', $('.clearfix iframe').width() * 0.56) }());