liangzejun/palc-newyear2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

汇总

Browse Source
This commit is contained in:
XGL-THINKPAD-X1\rucky
2024-02-20 18:12:13 +08:00
parent 3032025724
commit cce61fd718
5 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Index.vue
View File

@@ -44,6 +44,7 @@ onMounted(() => {
gsap.from(".index-fan-3", { duration: 1, x: 220, autoAlpha: 0,delay:0.5 });
gsap.from(".index-fan-2", { duration: 1, x: -220, autoAlpha: 0,delay:0.75 });
gsap.from(".index-fan-4", { duration: 1, x: 220, autoAlpha: 0,delay:0.75 });
gsap.from(".index-logo", { duration: 1, y: 20, autoAlpha: 0,delay:0.75 });
gsap.from(".index-rule-btn", { duration: 1, x: -100, autoAlpha: 0 });
gsap.from(".index-prize-btn", {
duration: 1,
@@ -63,7 +64,7 @@ onMounted(() => {
autoAlpha: 0,
delay: 0.5,
onComplete:()=>{
gsap.to('.index-cloud',{duration:2,x:-30,repeat:-1,yoyo:true,ease:'none'})
// gsap.to('.index-cloud',{duration:2,x:-30,repeat:-1,yoyo:true,ease:'none'})
gsap.to('.index-fan-1',{duration:2,x:'-=30',repeat:-1,yoyo:true,ease:'none'})
gsap.to('.index-fan-2',{duration:1.5,x:'-=20',repeat:-1,yoyo:true,ease:'none'})
gsap.to('.index-fan-3',{duration:1.5,y:'+=20',repeat:-1,yoyo:true,ease:'none'})
@@ -97,7 +98,7 @@ const showVC = () => {
<div class="index-fan-4"></div>
<div class="index-logo"></div>
<div class="index-bottom-bg"></div>
<div class="index-cloud"></div>
<!-- <div class="index-cloud"></div> -->
<div class="index-firework"></div>
<div class="index-windows"></div>
<div class="index-pet"></div>
@@ -171,7 +172,7 @@ const showVC = () => {
.index-firework{
pointer-events: none;
@include pos(120px, 120px, 605px, 437px);
@include pos(120px, 120px, 651px, 474px);
@include bg_pos("index/firework.png");
}
@@ -189,17 +190,17 @@ const showVC = () => {
.index-title {
// pointer-events: none;
@include pos(542px, 101px, 104px, 309px);
@include pos(542px, 101px, 104px, 369px);
@include bg_pos("index/title.png");
}
.index-rule-btn {
@include pos(184px, 49px, -37px, 446px);
@include pos(184px, 49px, -37px, 506px);
@include bg_pos("index/rule-btn.png");
}
.index-prize-btn {
@include pos(184px, 49px, -37px, 515px);
@include pos(184px, 49px, -37px, 575px);
@include bg_pos("index/prize-btn.png");
}