update

src/components/SynthesizedResults.vue

@@ -9,13 +9,14 @@ import Haibao from "@/libs/haibao";
 import mask from "../assets/images/haibao-mask.webp";
 import haibaoCoverBorder from "../assets/images/haibao-cover-sucess.webp";
 import bg from "../assets/images/haibao-bg.webp"
+import Lottery from '../components/Lottery.vue';
 
 defineProps({
   show: true
 })
 
 const isPopupVisible = ref(false);
-
+const lotteryShow = ref(false)
 
 const chartsBattle = ()=> {
   globalStore.chartsBattle = true;
@@ -109,6 +110,11 @@ const handleHaibao = async () => {
 //     return userPictureVal;
 //   }
 // };
+
+globalToastEvent.on(ToastType.SHOW_LOTTERY, () => {
+  lotteryShow.value = true
+})
+
 </script>
 
 <template>
@@ -139,6 +145,7 @@ const handleHaibao = async () => {
   </div>
 
   <Popup v-model:show="isPopupVisible" />
+  <Lottery :show="lotteryShow" @close="lotteryShow = false"></Lottery>
 </template>
 
 <style scoped>
@@ -172,20 +179,16 @@ const handleHaibao = async () => {
 }
 
 .fullsection {
-  position: fixed;
-  top: 25vw;
+  position: absolute;
+  top: 40vw;
   left: 0;
-  width: 100%;
-  height: 100%;
+  width: 100vw;
   display: flex;
   justify-content: center;
   align-items: center;
-  /* background-color: rgba(0, 0, 0, .7); */
 }
 
 .haibao {
-  position: relative;
-  top: -25vw;
   width: 70vw;
   height: 119.444444vw;
   background-image: url("../assets/images/haibao-cover.webp");