update

src/components/GenerateImg.vue

@@ -372,7 +372,8 @@ const imagePosition = (index) => {
   return {
     top : pos.top,
     left : pos.left,
-    width: pos.width
+    width: pos.width,
+    height: pos.width
   };
 };
 
@@ -495,12 +496,13 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 
           <!-- 图片预览 -->
           <div v-if="item.imageUrl" class="preview-container" :style="{ pointerEvents: displayMyPhotoBtn ? 'none' : 'auto' }">
-            <img 
-              :src="item.imageUrl" 
-              alt="预览图" 
-              class="preview-image upload-btn"
-              :style="imagePosition(index + 1)"
-            />
+            <div class="preview-image upload-btn" :style="imagePosition(index + 1)">
+              <img 
+                :src="item.imageUrl" 
+                alt="预览图"
+                class="pre-img"          
+              />
+            </div>
             <button @click.stop.prevent="clearUploadFile(index)" :style="buttonUploadedPosition(index + 1)" style="position: absolute;">
               <div :style="{ width: buttonUploadedPosition(index + 1)['--item-width'] }" >
                 <img src="../assets/images/img-uploaded.webp" class="delete-btn upload-img-wrapper" alt="删除图片">
@@ -525,6 +527,11 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 </template>
 
 <style scoped>
+.pre-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
 .main {
   height: 100%;
   overflow-y: auto;
@@ -628,8 +635,9 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 .home-wrapper {
   width: 100vw;
   height: 200vw;
-  background-size: cover;
+  background-size: 100%;
   background-repeat: no-repeat;
+  margin-top: -8vw;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -679,6 +687,7 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 }
 
 .item-3 {
+  position: fixed !important;
   width: 54vw;
   bottom: 6vw;
   animation-delay: 0s;