feat:首页,公司简介

This commit is contained in:
luoxiaolu committed 2025-03-31 06:20:57 +08:00
1 parent 25a92a3f62
commit 80d78819ec
22 files changed
+470 -117

No files matched your search

+42
View File
@@ -4,6 +4,11 @@ var product_swiper = new Swiper(".product-swiper", {
spaceBetween: 20,
centeredSlides: true,
grabCursor: true,
speed: 800,
autoplay: {
delay: 3000, // 自动切换的时间间隔(单位:毫秒)
disableOnInteraction: false, // 用户操作后是否停止自动播放(false 表示不停止)
},
breakpoints: {
0: {
slidesPerView: 1,
@@ -38,6 +43,43 @@ $(document).ready(() => {
})
})
const carousel_swiper = new Swiper(".carousel-swiper", {
loop: true,
effect: "fade",
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
snpeed: 300,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
slideChangeTransitionStart: function () {
$('.carousel-aos').hide(0);
$('.carousel-aos').removeClass('aos-init').removeClass('aos-animate');
$('.sweep-overlay').removeClass('hidden');
$('.sweep-overlay').addClass('animate');
},
slideChangeTransitionEnd: function () {
$('.carousel-aos').show(0);
$('.carousel-aos').addClass('aos-init').addClass('aos-animate');
$('.sweep-overlay').removeClass('animate');
$('.sweep-overlay').addClass('hidden');
},
slideChange: function () {
$(".carousel-pagination-item").each((index, elem) => {
if (index == this.realIndex) {
$(elem).addClass("carousel-pagination-item-active")
} else {
$(elem).removeClass("carousel-pagination-item-active")
}
})
},
},
});
$('#contactus-submit-button').click(() => {
let comment_title = $('#contactus-first').val() + $('#contactus-last').val()
let comment_contact = $('#contactus-phone').val() + '|' + $('#contactus-address').val()