添加codeCreate logo
This commit is contained in:
BIN
src/assets/images/loginPage/logo_full.png
Normal file
BIN
src/assets/images/loginPage/logo_full.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
@@ -8,6 +8,13 @@
|
|||||||
@click="turnToNewPage('https://www.aidlab.hk/en/')"
|
@click="turnToNewPage('https://www.aidlab.hk/en/')"
|
||||||
src="@/assets/images/loginPage/aida_logo.png"
|
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>
|
</div>
|
||||||
<div class="homeRecommend_right">
|
<div class="homeRecommend_right">
|
||||||
@@ -204,6 +211,25 @@ export default defineComponent({
|
|||||||
scrub:2,
|
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: {
|
methods: {
|
||||||
@@ -240,7 +266,10 @@ export default defineComponent({
|
|||||||
// border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
|
// border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 2;
|
z-index: 3;
|
||||||
|
&.active{
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
@@ -279,6 +308,12 @@ export default defineComponent({
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
.homeRecommend_user_codeCreate{
|
||||||
|
> img{
|
||||||
|
cursor: pointer;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
.homeRecommend_user_content {
|
.homeRecommend_user_content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -8,6 +8,11 @@
|
|||||||
@click="turnToNewPage('https://www.aidlab.hk/en/')"
|
@click="turnToNewPage('https://www.aidlab.hk/en/')"
|
||||||
src="@/assets/images/loginPage/aida_logo.png"
|
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
|
<div
|
||||||
class="login_footer_item_text"
|
class="login_footer_item_text"
|
||||||
@click="turnToWindow(
|
@click="turnToWindow(
|
||||||
@@ -220,6 +225,8 @@ export default defineComponent({
|
|||||||
width: 14.4rem;
|
width: 14.4rem;
|
||||||
height: 3.2rem;
|
height: 3.2rem;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
object-fit: contain;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.login_footer_item_text{
|
.login_footer_item_text{
|
||||||
margin-left: 5rem;
|
margin-left: 5rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user