';
}
}
$('#product_item_gui_ge_contain').html(str);
}
function product_init(banner_data) {
console.log(banner_data);
for (let i = 0; i < banner_data.length; i++) {
let item = banner_data[i]
if (i == 0) {
$('#application_image').append('
');
}
let intro_in_short = item.intro_in_short
intro_in_short = Base64.decode(intro_in_short);
$('#product_item_banner_container').append('
');
}
var mySwiper = new Swiper('#product_item_banner', {
loop: false,
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
slideChangeTransitionEnd: function() {
// let iin = this.realIndex;
// let item = banner_data[iin]
// let name = item.name
// let intro_in_short = item.intro_in_short
// intro_in_short = Base64.decode(intro_in_short);
// $('#product_item_banner_title').html(name);
// $('#product_item_banner_intro').html(intro_in_short);
console.log();
},
}
});
if (banner_data.length == 0) {
$('#product_item_banner_body').remove();
} else {
$('#product_item_banner').show();
}
}
(function() {
let temp_video = document.getElementById('temp_video');
if (temp_video && temp_video.dataset.v != '') {
let play_it = document.getElementById('play_it')
play_it.onclick = function() {
$('.temp_video_body').show();
temp_video.play();
return false;
};
let video_close = document.getElementById('video_close')
video_close.onclick = function() {
let temp_video = document.getElementById('temp_video')
temp_video.pause();
$('.temp_video_body').hide();
return false;
};
$('#play_it').show();
} else {
$('#play_it').remove();
$('#temp_video_body').remove();
}
})();
$(document).resize(function() {
resize_Handler();
});
resize_Handler()
function resize_Handler() {
let ww = window.innerWidth;
let div_Resizes = document.getElementsByClassName('div_Resize')
for (let i = 0; i < div_Resizes.length; i++) {
let item = div_Resizes[i]
if (ww < 768) {
let src = item.dataset.h768;
src = Base64.decode(src);
console.log(src);
src = src.replaceAll(/null/g, '')
item.innerHTML = src;
} else {
let src = item.dataset.h;
src = Base64.decode(src);
src = src.replaceAll(/null/g, '')
item.innerHTML = src;
}
}
}
const DIRECTION_ENUM = {
DOWN: "down",
UP: "up",
};
// 距离顶部或底部的阈值
const threshold = 50;
// 记录前一个滚动位置
let beforeScrollTop = 0;
let direction_state = '';
function handleScroll() {
// 距顶部
var scrollTop =
document.documentElement.scrollTop || document.body.scrollTop;
// 可视区高度
var clientHeight =
document.documentElement.clientHeight || document.body.clientHeight;
// 滚动条总高度
var scrollHeight =
document.documentElement.scrollHeight || document.body.scrollHeight;
// 确定滚动方向
let direction = DIRECTION_ENUM.DOWN;
if (beforeScrollTop > scrollTop) {
direction = DIRECTION_ENUM.UP;
}
beforeScrollTop = scrollTop;
if (direction_state == direction) {
return;
}
if ($('#header').hasClass('phone_header_menu_open')) {
return;
}
if (scrollTop < 50) {
$('.header_contain').css('top', '0px');
$('.product_mian_bao_xie').removeClass('top');
return;
}
// 通过滚动方向判断是触底还是触顶
if (direction == DIRECTION_ENUM.DOWN) {
//下拉
let hhh = 0 - $('.header_contain').height();
$('.header_contain').css('top', hhh + 'px');
$('.product_mian_bao_xie').addClass('top');
} else {
// 滚动到顶部
$('.header_contain').css('top', '0px');
$('.product_mian_bao_xie').removeClass('top');
}
direction_state = direction;
let temp_video = document.getElementById('temp_video');
temp_video.pause();
$('.temp_video_body').hide();
}
function getElementToPageTop(dom, distance) {
distance = distance || 0
if (dom.offsetParent == null) {
distance += dom.offsetTop
return distance
} else if (['BODY', null].includes(dom.offsetParent.nodeName)) {
distance += dom.offsetTop
return distance
} else {
distance += dom.offsetTop
return getElementToPageTop(dom.offsetParent, distance)
}
}
// 滚动节流
function scroll() {
handleScroll();
}
document.addEventListener('scroll', function() {
scroll && scroll.call(this)
});
// scroll && scroll.call(this)
$('.product_menu a').click(function() {
let tid = this.dataset.tid
let to_dom = document.getElementById(tid);
var scroll_offset = $('#' + tid).offset().top - 80; //得到box这个div层的offset,包含两个值,top和left
$("body,html").stop().animate({
scrollTop: [scroll_offset, 'linear'] //让body的scrollTop等于pos的top,就实现了滚动
}, 100)
});