update

src/components/PhotoSquare.vue

@@ -15,9 +15,7 @@ watch(() => props.show, async (newVal) => {
   if (!newVal) {
     return
   }
-  if (newVal) {
-    fetchImages();
-  }
+  fetchImages();
 })
 
 const emit = defineEmits(['go-my-photo', 'update:show']);
@@ -73,7 +71,7 @@ watch(() => mergeId, async (newVal) => {
     return
   }
   if (newVal.value) {
-    fetchImages();
+    getInviteInfo();
   }
 })
 
@@ -127,7 +125,7 @@ const inviteHelp = ()=> {
 // })
 const markers = ref([]);
 markers.value = [
-  { x: 50, y: 50, width: 100, height: 80 }
+  { x: 50, y: 32, width: 50, height: 14 }
 ];
 
 </script>
@@ -143,10 +141,10 @@ markers.value = [
           :key="index"
           class="marker"
           :style="{
-            left: marker.x + 'px',
-            top: marker.y + 'px',
-            width: marker.width + 'px',
-            height: marker.height + 'px'
+            left: marker.x + 'vw',
+            top: marker.y + 'vw',
+            width: marker.width + 'vw',
+            height: marker.height + 'vw'
           }"
           @click.stop="$emit('go-my-photo')">
       </div>
@@ -244,10 +242,6 @@ markers.value = [
   line-height: 50px;
 }
 .marker {
-  left: 50vw !important;
-  top: 32vw !important;
-  width: 50vw !important;
-  height: 14vw !important;
   position: absolute;
 }
 .flex-container-detail-invite {