update

src/components/PhotoSquare.vue

@@ -143,6 +143,12 @@ markers.value = [
   { x: 50, y: 32, width: 50, height: 14 }
 ];
 
+const getBackgroundImage = (item) => {
+  if (item.result_url) {
+    return item.result_url;
+  }
+};
+
 </script>
 
 <template>
@@ -163,7 +169,7 @@ markers.value = [
           }"
           @click.stop="$emit('go-my-photo')">
       </div>
-
+      <p class="my-photo-desc">打榜活动截止至9月30日晚12:00结束，中奖信息将于10月1日早10点推送至获奖会员。</p>
       <div v-if="!disableInviteHelp" class="image-gallery ">
         <RecycleScroller
             class="scroller"
@@ -173,7 +179,8 @@ markers.value = [
             v-slot="{ item, index }"
           >
           <div class="image-wrapper">
-            <div class="image-container mask-background">
+            <div class="image-container mask-background" 
+            :style="{ backgroundImage: `url(${getBackgroundImage(item)})` }">
             </div>          
             <img 
               src="../assets/images/zpgc-border.webp" 
@@ -248,6 +255,14 @@ markers.value = [
 </template>
 
 <style scoped>
+.my-photo-desc {
+  position: absolute;
+  width: 87vw;
+  top: 48vw;
+  text-align: center;
+  color: #855211;
+  font-size: 3.6vw;
+}
 .scroller {
   height: 124vw;
   overflow-y: auto;
@@ -390,7 +405,7 @@ markers.value = [
   display: flex;
   flex-flow: row;
   flex-wrap: wrap;
-  top: 15vw;
+  top: 26vw;
 }
 
 .image-container {