update

src/components/GenerateImg.vue

@@ -260,10 +260,12 @@ const generateImage = async (options) => {
       }
     } else {
       ElMessage.error(data.message);
+      loading.hide();
     }
     
   } catch (error) {
     console.error('Merge API error:', error);
+    loading.hide();
   }
 }
 
@@ -405,6 +407,7 @@ const customUpload = async (options) => {
         onSuccess(data);
       } else {
         ElMessage.error(data.message);
+        loading.hide();
       }
     })
     .catch((error) => {

src/components/Lottery.vue

@@ -258,7 +258,7 @@ onUnmounted(() => {
   position: absolute;
   top: 24vw;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-50%) !important;
   width: 65.462963vw;
   height: 19.907407vw;
   background-image: url("../assets/images/lottery-title.webp");
@@ -357,6 +357,7 @@ onUnmounted(() => {
   position: absolute;
   width: 100%;
   height: 100%;
+  
   top: -14vw;
   transform-style: preserve-3d;
 }

src/components/MyPhoto.vue

@@ -297,7 +297,7 @@ markers.value = [
           }"
           @click.stop="$emit('go-photo-square')">
       </div>
-      <p class="my-photo-desc">每位会员只能选一张照片参与打榜，点赞前30名即可活动中秋精美礼品，速速邀请好友为你点赞吧！</p>
+      <p class="my-photo-desc">每位会员只能选一张照片参与打榜，点赞前30名即可获得中秋精美礼品，速速邀请好友为你点赞吧！</p>
       <div class="image-gallery">
         <!-- <RecycleScroller
             class="scroller"

src/components/PhotoSquare.vue

@@ -133,6 +133,8 @@ const inviteHelp = ()=> {
   fetch('https://huodong2.lzlj.com/api/faceFamily/face/like', {
     method: 'POST',
     headers: {
+      'Content-Type': 'application/json',
+      Accept: "application/json",
       'Authorization': `Bearer ${Storage.get("userinfos").api_token}`
     },
     body: JSON.stringify(formData)

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;
+  position: absolute;
-  top: 25vw;
+  top: 40vw;
   left: 0;
-  width: 100%;
+  width: 100vw;
-  height: 100%;
   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");