bugfix: 图片预览和关闭按钮冲突

src/views/home/components/Input.vue

@@ -8,9 +8,13 @@
 						v-for="(image, index) in uploadedImages"
 						:key="index"
 						class="image-preview-item"
-						@click="previewImage(image.url)"
 					>
-						<img :src="image.url" :alt="image.name" class="preview-image" />
+						<img
+							:src="image.url"
+							:alt="image.name"
+							class="preview-image"
+							@click="previewImage(image.url)"
+						/>
 						<div class="image-remove-btn" @click="removeImage(index)">
 							<SvgIcon name="delete" size="16" />
 						</div>
@@ -918,17 +922,16 @@
 					height: 1.6rem;
 					color: #fff;
 					border-radius: 50%;
-					display: flex;
+					// display: flex;
 					align-items: center;
 					justify-content: center;
 					font-size: 1.2rem;
 					cursor: pointer;
 					display: none;
-					transition: opacity 0.2s ease;
 				}
 
 				&:hover .image-remove-btn {
-					display: block;
+					display: flex;
 				}
 			}
 		}