From f4a34a4a4a01a1e68bf9ecbecaa1d14ef85e5fe8 Mon Sep 17 00:00:00 2001 From: scout <1134087124@qq.com> Date: Fri, 21 Feb 2025 11:27:50 +0800 Subject: [PATCH] gaikuang --- src/App.vue | 2 + src/assets/image/3p.png | Bin 0 -> 3495 bytes src/assets/image/cl.png | Bin 0 -> 4403 bytes src/assets/image/gk.png | Bin 0 -> 785985 bytes src/assets/image/heart.png | Bin 0 -> 4496 bytes src/assets/image/randg.png | Bin 0 -> 2044996 bytes src/assets/image/ship.png | Bin 0 -> 1255184 bytes src/assets/image/xbg.png | Bin 0 -> 248983 bytes src/assets/image/xlv.png | Bin 0 -> 28994 bytes src/components/AppHeader.vue | 75 ++++-- src/views/companyprofil/size1920/index.vue | 221 +++++++++++++++++- src/views/home/size1440/index.vue | 16 -- src/views/home/size1920/index.vue | 255 +++++++++++---------- 13 files changed, 404 insertions(+), 165 deletions(-) create mode 100644 src/assets/image/3p.png create mode 100644 src/assets/image/cl.png create mode 100644 src/assets/image/gk.png create mode 100644 src/assets/image/heart.png create mode 100644 src/assets/image/randg.png create mode 100644 src/assets/image/ship.png create mode 100644 src/assets/image/xbg.png create mode 100644 src/assets/image/xlv.png diff --git a/src/App.vue b/src/App.vue index 1533b17..b7b9387 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,6 @@ diff --git a/src/views/companyprofil/size1920/index.vue b/src/views/companyprofil/size1920/index.vue index 51be18c..c1e2183 100644 --- a/src/views/companyprofil/size1920/index.vue +++ b/src/views/companyprofil/size1920/index.vue @@ -1,9 +1,216 @@ - +import { onUnmounted, ref, watch } from 'vue'; +import gsap from 'gsap'; - +import { useI18n } from 'vue-i18n'; +import { useTransitionComposable } from '@/composables/transition-composable'; +import { useRouter } from "vue-router"; +import { NDivider } from 'naive-ui' +const router = useRouter(); +const { transitionState } = useTransitionComposable(); +const main = ref(); +let ctx; +const { t } = useI18n(); + +watch( + [() => transitionState.transitionComplete, main], + (newValue) => { + if (newValue && main.value) { + ctx = gsap.context((self) => { + const boxes = self.selector('.box'); + boxes.forEach((box) => { + gsap.to(box, { + x: 150, + scrollTrigger: { + trigger: box, + start: 'bottom bottom', + end: 'top 20%', + scrub: true, + }, + }); + }); + }, main.value); // <- Scope! + } + }, + { + immediate: true, + } +); + +onUnmounted(() => { + ctx?.revert(); // <- Easy Cleanup! +}); + + + + diff --git a/src/views/home/size1440/index.vue b/src/views/home/size1440/index.vue index 6cf15e5..a1af360 100644 --- a/src/views/home/size1440/index.vue +++ b/src/views/home/size1440/index.vue @@ -525,22 +525,6 @@ watch(