From 9bb938159ca06ba3ce3939fc9b29f5d5e8a54a17 Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Tue, 27 May 2025 10:38:39 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0codeCreate=20logo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/loginPage/logo_full.png | Bin 0 -> 5076 bytes src/views/HomeRecommend.vue | 37 +++++++++++++++++++++- src/views/Register.vue | 7 ++++ 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/loginPage/logo_full.png diff --git a/src/assets/images/loginPage/logo_full.png b/src/assets/images/loginPage/logo_full.png new file mode 100644 index 0000000000000000000000000000000000000000..bf1dba83dee5619c909a7a3eb6112a8408b3be74 GIT binary patch literal 5076 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 + +
+
@@ -204,6 +211,25 @@ export default defineComponent({ scrub:2, }); + let header = document.querySelector('.homeRecommend_heade') + let tl2 = gsap.timeline(); + gsap.registerPlugin(ScrollTrigger); + ScrollTrigger.create({ + trigger: header, // 触发器元素 + start: "top 0%", // 滚动触发器的起始滚动位置 + end: '200% 5%', // 滚动触发器的结束滚动位置 + // markers: true, // 开启标注功能 + animation:tl2, + scroller:dom,//设置指定元素为滚动依据 + onUpdate:(v)=>{ + if(v.progress < 0.1){ + v.trigger?.classList.remove('active') + }else{ + v.trigger?.classList.add('active') + // v.trigger?.classList.add('active') + } + } + }); }) }, methods: { @@ -240,7 +266,10 @@ export default defineComponent({ // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1); position: absolute; align-items: center; - z-index: 2; + z-index: 3; + &.active{ + background: #fff; + } @media (max-width: 768px) { z-index: 1000; } @@ -279,6 +308,12 @@ export default defineComponent({ height: 100%; align-items: center; overflow: hidden; + .homeRecommend_user_codeCreate{ + > img{ + cursor: pointer; + object-fit: contain; + } + } .homeRecommend_user_content { display: flex; align-items: center; diff --git a/src/views/Register.vue b/src/views/Register.vue index 1dfa1249..c3c0ccf7 100644 --- a/src/views/Register.vue +++ b/src/views/Register.vue @@ -8,6 +8,11 @@ @click="turnToNewPage('https://www.aidlab.hk/en/')" src="@/assets/images/loginPage/aida_logo.png" /> +