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.
1 lines
3.2 KiB
1 lines
3.2 KiB
(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})(),$(function(){AOS.init({duration:800});let e=new Lenis;window.lenis=e,gsap.registerPlugin(ScrollTrigger,Observer),e.on(`scroll`,ScrollTrigger.update),gsap.ticker.add(t=>{e.raf(t*1e3)}),gsap.ticker.lagSmoothing(0);let t=$(`.site-header`),n=$(`.mask`),r=$(`[data-header-dark]`),i=()=>{if(!t.length)return;let e=t[0].getBoundingClientRect(),i=!1,a=Math.max(0,Math.min(window.innerWidth-1,window.innerWidth/2)),o=Math.max(0,Math.min(window.innerHeight-1,e.bottom+2));document.elementFromPoint(a,o)?.closest(`[data-header-dark]`)?i=!0:r.each(function(){let t=this.getBoundingClientRect();if(t.top<=e.bottom&&t.bottom>e.top)return i=!0,!1}),t.toggleClass(`dark`,i||t.hasClass(`is-mega-open`));let s=window.scrollY>50;t.toggleClass(`is-scrolled`,s),n.toggleClass(`is-scrolled`,s)};e.on(`scroll`,i),ScrollTrigger.addEventListener(`refresh`,i),i();let a=document.querySelector(`.mask`),o=document.querySelector(`.mask-content`);function s(e){$(`body`).toggleClass(`is-mask-open`,e)}$(`.site-header__extra-btn.toggle`).on(`click`,function(){if(!a||!o)return;let e=o.querySelectorAll(`.mask-nav__link`);$(a).addClass(`show mask--nav-motion`),$(`body`).css(`overflow`,`hidden`),s(!0),gsap.killTweensOf(e),gsap.from(e,{opacity:0,y:10,stagger:.04,delay:.2,overwrite:`auto`,onComplete:function(){a.classList.remove(`mask--nav-motion`),gsap.set(e,{clearProps:`all`})}})}),$(`.mask-header__icon-btn--close`).on(`click`,function(){!a||!o||(gsap.killTweensOf(o.querySelectorAll(`ul li a`)),$(a).removeClass(`show mask--nav-motion`),$(`body`).css(`overflow`,`auto`),s(!1))}),$(`.mask-nav__toggle`).on(`click`,function(){let e=$(this).closest(`.mask-nav__item--expandable`),t=e.attr(`data-expanded`)===`true`;e.attr(`data-expanded`,!t),$(this).attr(`aria-expanded`,!t)}),$(`.section-contact-form`).on(`submit`,function(e){e.preventDefault();let t=$(this),n=t.find(`[name="name"]`),r=t.find(`[name="phone"]`),i=$.trim(n.val()),a=$.trim(r.val()),o=t.find(`[name="agree"]`).is(`:checked`);if(!i){alert(`请输入姓名`),n.focus();return}if(!a){alert(`请输入联系方式`),r.focus();return}if(!o){alert(`请阅读并同意隐私政策`);return}alert(`提交成功，我们将尽快与您联系`),t[0].reset()}),$(`#nav-mega-product`).on(`mouseenter`,`[data-mega-cat]`,function(){let e=$(`#nav-mega-product`),t=$(this).attr(`data-mega-cat`);e.find(`[data-mega-cat]`).removeClass(`is-active`),$(this).addClass(`is-active`),e.find(`[data-mega-panel]`).each(function(){let e=this.dataset.megaPanel===t;this.hidden=!e,this.classList.toggle(`is-active`,e)})})});
|