123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- /*
- * @Author: zhuzp
- * @Date: 2023-10-19 10:01:19
- * @Last Modified by: zhuzp
- * @Last Modified time: 2023-10-31 18:05:00
- */
- /**
- * 滚动
- * @param {Object} e
- */
- function onScrollHandle(e) {
- let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
- document.body.classList[scrollTop > 100 ? 'add' : 'remove']('sticky')
- ;[].forEach.call(document.querySelectorAll('[data-aos="fade-up"]'), function(item){
- item.classList.add('aos-hide')
- if(item.getBoundingClientRect().top <= window.innerHeight/1.5 && !item.classList.contains('animated')){
- item.classList.add('animated','fadeInUp')
- }
- })
- }
- /**
- * 空状态
- */
- var emptyDialog = {
- show: function(e){
- var target = e.target
- var dislog = document.querySelector('#empty_dislog')
-
- if(!target.dataset['disabled']){
- return false
- }
- e.preventDefault()
- if(!dislog){
- dislog = document.createElement('div')
- dislog.className = 'empty-dislog'
- dislog.id = 'empty_dislog'
- dislog.innerHTML = '<div class="musk"></div><div class="content"><span class="close-button">×</span>系统建设中,敬请期待~</div>'
- }
- dislog.classList.add('visible')
- dislog.addEventListener('click', emptyDialog.hide)
- document.body.appendChild(dislog)
- },
- hide: function(e){
- var target = e.target
- if(target.className == 'musk' || target.className == 'close-button'){
- console.log(this)
- this.classList.remove('visible')
- this.removeEventListener('click', emptyDialog.hide)
- }
- }
- }
- var recommend_tab = document.querySelector('#recommend_tab')
- window.addEventListener('scroll', onScrollHandle)
- recommend_tab && recommend_tab.addEventListener('click', emptyDialog.show)
- window.Swiper && new Swiper('#banner_swiper', {
- autoplay: true,
- loop: true,
- pagination: {
- el: '.swiper-pagination',
- clickable: true
- },
- })
- var slideInit = -1
- function autoSlideChange(){
- autoSlideChange.timer && clearTimeout(autoSlideChange.timer)
- if(autoSlideChange.stop){
- return false
- }
- autoSlideChange.index += 1
- if(autoSlideChange.index > 4){
- autoSlideChange.index = 0
- }
- var $current = $($('#slide_list li')[autoSlideChange.index])
- $current.addClass('current').siblings().removeClass('current')
- $('#slide_show').html($current.html())
- autoSlideChange.timer = setTimeout(autoSlideChange, 5E3)
- }
- autoSlideChange.index = -1
- autoSlideChange()
- $('#slide_list').on('click', 'li', function(){
- autoSlideChange.stop = true
- $(this).addClass('current').siblings().removeClass('current')
- $('#slide_show').html($(this).html())
- })
|