You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.3 KiB
116 lines
3.3 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="./css/style.css">
|
||
|
|
<link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
|
||
|
|
<title></title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="header"></div>
|
||
|
|
<div class="banner">
|
||
|
|
<img class="bg top-header" src="./img/t.jpg" alt="">
|
||
|
|
<div class="account"></div>
|
||
|
|
<div class="mx"></div>
|
||
|
|
</div>
|
||
|
|
<img class="bg" src="./img/1.jpg" alt="">
|
||
|
|
<div class="swiper-container">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./img/lun.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./img/lun.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./img/lun.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./img/lun.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="./img/lun.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 如果需要分页器 -->
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<img class="bg" src="./img/2.jpg" alt="">
|
||
|
|
<img class="bg" src="./img/3.jpg" alt="">
|
||
|
|
<img class="bg" src="./img/4.jpg" alt="">
|
||
|
|
<img class="bg" src="./img/5.jpg" alt="">
|
||
|
|
<img class="bg" src="./img/6.jpg" alt="">
|
||
|
|
<img class="bg footer" src="./img/7.jpg" alt="">
|
||
|
|
<p class="tips"></p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="./js/swiper-3.4.2.min.js"></script>
|
||
|
|
<script src="./js/jquery-3.6.1.min.js"></script>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
|
||
|
|
function getPageScroll() {
|
||
|
|
var xScroll, yScroll;
|
||
|
|
if (self.pageYOffset) {
|
||
|
|
yScroll = self.pageYOffset;
|
||
|
|
xScroll = self.pageXOffset;
|
||
|
|
} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
|
||
|
|
yScroll = document.documentElement.scrollTop;
|
||
|
|
xScroll = document.documentElement.scrollLeft;
|
||
|
|
} else if (document.body) {// all other Explorers
|
||
|
|
yScroll = document.body.scrollTop;
|
||
|
|
xScroll = document.body.scrollLeft;
|
||
|
|
}
|
||
|
|
arrayPageScroll = new Array(xScroll, yScroll);
|
||
|
|
return arrayPageScroll;
|
||
|
|
};
|
||
|
|
new Swiper('.swiper-container', {
|
||
|
|
loop: true,
|
||
|
|
pagination: '.swiper-pagination',
|
||
|
|
autoplay: 3000,
|
||
|
|
paginationClickable: true
|
||
|
|
})
|
||
|
|
console.log('44')
|
||
|
|
document.addEventListener('scroll', () => {
|
||
|
|
const pageScroll = getPageScroll();
|
||
|
|
const isShow = $('.top-header').is(":visible")
|
||
|
|
console.log('11', isShow)
|
||
|
|
|
||
|
|
if (pageScroll[1] >= 48 && !isShow) {
|
||
|
|
$('.top-header').show()
|
||
|
|
}
|
||
|
|
if (pageScroll[1] < 48 && isShow) {
|
||
|
|
$('.top-header').hide()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
$.ajax({
|
||
|
|
url: "./config.json",
|
||
|
|
success: function (result) {
|
||
|
|
console.log(result, 'result')
|
||
|
|
if (result) {
|
||
|
|
const { showApp, bottomTips } = result;
|
||
|
|
if (!showApp) {
|
||
|
|
$('body').html('')
|
||
|
|
} else {
|
||
|
|
$('.tips').html(bottomTips)
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
$('body').html('')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|