diff --git a/src/components/Draw.vue b/src/components/Draw.vue index 8580e0e..0365e46 100644 --- a/src/components/Draw.vue +++ b/src/components/Draw.vue @@ -100,7 +100,7 @@ const hide = (event) => { duration: 0.3, autoAlpha: 0, onComplete: () => { - emit("DrawPage", "hide"); + emit("DrawPage", {action: "hide"}); }, }); }); @@ -116,7 +116,7 @@ const copyFn = (event) => { 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-light", { duration: 3, @@ -170,6 +170,7 @@ onMounted(() => { @include fixed(); @include flexCen(); background-color: rgba($color: #000000, $alpha: 0.8); + visibility: hidden; // 抽奖弹窗样式 .draw-container { diff --git a/src/components/Result.vue b/src/components/Result.vue index 1aa2d89..9321464 100644 --- a/src/components/Result.vue +++ b/src/components/Result.vue @@ -354,7 +354,7 @@ const hideShare = () => { } .mbti-blessings-box { - @include pos(500px, 160px, 130px, 715px); + @include pos(600px, 160px, 130px, 710px); display: flex; flex-direction: column; justify-content: space-around;