fix

src/component/HomePage/selectImgList.vue

@@ -1,20 +1,27 @@
 <template>
+	<div class="selectImgListModal" ref="selectImgListModal">
 	<a-modal
 		class="selectImgList_modal generalModel"
 		v-model:visible="selectImgList"
 		:footer="null"
 		width="50%"
+		height="78rem"
+		:get-container="() => $refs.selectImgListModal"
 		:maskClosable="false"
 		:centered="true"
 		:closable="false"
 		:mask="selectImgListMask"
 		:keyboard="false"
 		:destroyOnClose="true"
-		:zIndex="1050"
+		:zIndex="1000"
 	>
 	<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="selectImgList_content">
@@ -41,6 +48,7 @@
 		<a-spin size="large" />
 	</div>
 </a-modal>
+</div>
 </template>
 
 <script lang="ts">
@@ -115,11 +123,11 @@ methods: {
 });
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .selectImgList_modal {
 	&.generalModel{
 		.ant-modal-body {
-			height: calc(55rem*1.2);
+			// height: calc(55rem*1.2);
 		}
 	}