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

修复抽奖弹窗关闭之后无法显示的bug

Browse Source
This commit is contained in:
Andy Leong 2024-02-01 19:28:53 +08:00
parent a271b2cfab
commit e2c264f82c
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Draw.vue
View File

@ -100,7 +100,7 @@ const hide = (event) => {
duration: 0.3, duration: 0.3,
autoAlpha: 0, autoAlpha: 0,
onComplete: () => { onComplete: () => {
emit("DrawPage", "hide"); emit("DrawPage", {action: "hide"});
}, },
}); });
}); });
@ -116,7 +116,7 @@ const copyFn = (event) => {
const entryAni = () => { const entryAni = () => {
gsap.from(".DrawPage", { duration: 0.2, autoAlpha: 0 }); gsap.to(".DrawPage", { duration: 0.2, autoAlpha: 1 });
gsap.from(".draw-container", { duration: 0.5, autoAlpha: 0, scale: 0.7 }); gsap.from(".draw-container", { duration: 0.5, autoAlpha: 0, scale: 0.7 });
gsap.from(".draw-light", { gsap.from(".draw-light", {
duration: 3, duration: 3,
@ -170,6 +170,7 @@ onMounted(() => {
@include fixed(); @include fixed();
@include flexCen(); @include flexCen();
background-color: rgba($color: #000000, $alpha: 0.8); background-color: rgba($color: #000000, $alpha: 0.8);
visibility: hidden;
// 抽奖弹窗样式 // 抽奖弹窗样式
.draw-container { .draw-container {

2
src/components/Result.vue
View File

@ -354,7 +354,7 @@ const hideShare = () => {
} }
.mbti-blessings-box { .mbti-blessings-box {
@include pos(500px, 160px, 130px, 715px); @include pos(600px, 160px, 130px, 710px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;