添加codeCreate logo

This commit is contained in:
X1627315083
2025-05-27 10:38:39 +08:00
parent 6f06821852
commit 9bb938159c
3 changed files with 43 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -8,6 +8,13 @@
@click="turnToNewPage('https://www.aidlab.hk/en/')"
src="@/assets/images/loginPage/aida_logo.png"
/>
</div>
<div class="homeRecommend_user_codeCreate">
<img
class="homeRecommend_logo"
@click="turnToNewPage('https://code-create.com.hk/')"
src="@/assets/images/loginPage/logo_full.png"
/>
</div>
</div>
<div class="homeRecommend_right">
@@ -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;

View File

@@ -8,6 +8,11 @@
@click="turnToNewPage('https://www.aidlab.hk/en/')"
src="@/assets/images/loginPage/aida_logo.png"
/>
<img
class="homeRecommend_logo"
@click="turnToNewPage('https://code-create.com.hk/')"
src="@/assets/images/loginPage/logo_full.png"
/>
<div
class="login_footer_item_text"
@click="turnToWindow(
@@ -220,6 +225,8 @@ export default defineComponent({
width: 14.4rem;
height: 3.2rem;
margin-top: 0;
object-fit: contain;
cursor: pointer;
}
.login_footer_item_text{
margin-left: 5rem;