fix

src/component/HomePage/productImg.vue

@@ -1,8 +1,10 @@
 <template>
+	<div ref="productImgModal">
 		<a-modal
             class="productImg_modal generalModel"
             v-model:visible="productImg"
             :footer="null"
+			:get-container="() => $refs.productImgModal"
             width="78%"
             :maskClosable="false"
             :centered="true"
@@ -13,7 +15,11 @@
         >
 		<div class="generalModel_btn">
 			<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
-				<i class="fi fi-rr-cross-small"></i>
+				<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+					<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
+					<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
+					<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
+				</svg>
 			</div>
 		</div>
 		<div class="productImg_content">
@@ -232,6 +238,7 @@
 			}" 
 			:isProductimg="true"></scaleImage>
 	</a-modal>
+</div>
 </template>
 
 <script lang="ts">
@@ -258,6 +265,7 @@ export default defineComponent({
 		scaleImage,
 		generalMenu,
 	},
+    props: ['setTask'],
     setup(props,{emit}) {
 		const store = useStore();
 		const {t} = useI18n()
@@ -883,12 +891,12 @@ methods: {
 	.Guide_1_32{
 		height: 100%;
 		overflow-y: auto;
+		padding: 0 1rem;
 		&.Guide_1_32::-webkit-scrollbar{display: none;}
 	}
 	.upload_file_item{
 		display: flex;
 		margin-right: 1rem;
-		width: auto !important;
 		height: 14rem !important;
 		border: none !important;
 		&.upload_file_item:last-child{
@@ -925,7 +933,7 @@ methods: {
 	}
 	.productImg_content_item_Direction{
 		padding-bottom: calc(2rem* 1.2);
-		.ant-select{
+		:deep(.ant-select){
 			font-size: 1.6rem;
 			.ant-select-selector::after{
 				line-height: 1;