添加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/')"
|
||||
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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user