diff --git a/app/components/layouts/ArcticNewOneFooter.vue b/app/components/layouts/ArcticNewOneFooter.vue index 2392194..e55fd0c 100644 --- a/app/components/layouts/ArcticNewOneFooter.vue +++ b/app/components/layouts/ArcticNewOneFooter.vue @@ -19,32 +19,6 @@ const pagesLinks = [ { name: 'nav.news', url: '/news' }, ] -const onTalkHover = () => { - if (!talkBtnRef.value) return - const origs = talkBtnRef.value.querySelectorAll('.btn-char-orig') - const clones = talkBtnRef.value.querySelectorAll('.btn-char-clone') - const bg = talkBtnRef.value.querySelector('.btn-bg-hover') - - // 背景从底部滑入 (yPercent: 100 -> 0) - gsap.to(bg, { yPercent: 0, duration: 0.4, ease: 'power3.out', overwrite: true }) - - gsap.to(origs, { yPercent: -100, duration: 0.4, stagger: { amount: 0.2, from: 'start' }, ease: 'power3.out', overwrite: true }) - gsap.to(clones, { yPercent: 0, duration: 0.4, stagger: { amount: 0.2, from: 'start' }, ease: 'power3.out', overwrite: true }) -} - -const onTalkLeave = () => { - if (!talkBtnRef.value) return - const origs = talkBtnRef.value.querySelectorAll('.btn-char-orig') - const clones = talkBtnRef.value.querySelectorAll('.btn-char-clone') - const bg = talkBtnRef.value.querySelector('.btn-bg-hover') - - // 背景向下反向滑出回收 (yPercent: 0 -> 100) - gsap.to(bg, { yPercent: 100, duration: 0.4, ease: 'power3.out', overwrite: true }) - - gsap.to(origs, { yPercent: 0, duration: 0.4, stagger: { amount: 0.2, from: 'end' }, ease: 'power3.out', overwrite: true }) - gsap.to(clones, { yPercent: 100, duration: 0.4, stagger: { amount: 0.2, from: 'end' }, ease: 'power3.out', overwrite: true }) -} - onMounted(() => { if (!footerRef.value) return