update

src/components/Popup.vue

@@ -1,8 +1,6 @@
 <script setup>
-import { ref, computed, watch } from "vue"
 import { Request, Storage } from "../libs/utils"
 import ModalTransition from "./ModalTransition.vue"
-import Agreement from "./Agreement.vue"
 import { globalStore } from "../globalstore.js";
 import { ElMessage } from 'element-plus';
 
@@ -28,6 +26,10 @@ const confirmBtn = () => {
   })
   .then(response => response.json())
   .then(data => {
+    if (data.message === '您已经有一张发布的照片，不能再次发布') {
+      weui.alert('您已经有一张发布的照片，不能再次发布')
+      return
+    }
     ElMessage.success('打榜成功！');
     console.log('Success:', data);
     return { success: true, data };
@@ -43,21 +45,26 @@ const confirmBtn = () => {
 
 <template>
   <ModalTransition class="popup" :show="show">
-    <div class="popup-bg">
-      <div class="scene-item item-1">
-        <img src="../assets/images/confirm.png" @click="confirmBtn" alt="确认">
-      </div>
-      <p class="message">温馨提示：每位用户只能选择一张合影参与打榜，一经确认，在打榜期间将无法更换。</p>
-      <div class="scene-item item-2">
-        <img src="../assets/images/cancel.png" @click="cancelBtn" alt="取消">
+    <div class="home-bg">
+      <div class="popup-bg">
+        <div class="scene-item item-1">
+          <img src="../assets/images/confirm.png" @click="confirmBtn" alt="确认">
+        </div>
+        <p class="message">温馨提示：每位用户只能选择一张合影参与打榜，一经确认，在打榜期间将无法更换。</p>
+        <div class="scene-item item-2">
+          <img src="../assets/images/cancel.png" @click="cancelBtn" alt="取消">
+        </div>
       </div>
     </div>
   </ModalTransition>
-
-  <Agreement v-if="agreementShow" @close="emitAgreementClose"></Agreement>
 </template>
 
 <style scoped>
+.home-bg {
+  position: absolute;
+  top: 72vw;
+  left: 12vw;
+}
 .message {
   width: 60vw;
   position: absolute;
@@ -65,8 +72,8 @@ const confirmBtn = () => {
   color: #774107;
 }
 .popup-bg {
-  width: 100%;
-  height: 92vh;
+  width: 77vw;
+  height: 60vw;
   background-image: url('../assets/images/popup.png');
   background-size: cover;
   background-repeat: no-repeat;
@@ -100,14 +107,14 @@ const confirmBtn = () => {
   position: relative;
 }
 .item-1 {
-  top: 55%;
+  top: 50vw;
   width: 40vw;
-  right: 10%;
+  right: 0;
 }
 .item-2 {
-  top: 55%;
+  top: 50vw;
   width: 40vw;
-  left: 10%;
+  left: 0;
 }
 .scene-item img {
   width: 100%;