fix

src/component/Detail/addDetails.vue

@@ -1,8 +1,10 @@
 <template>
+	<div class="addDetailsModal" ref="addDetailsModal"></div>
     <a-modal
         class="addDetails_modal generalModel"
         v-model:visible="addDetails"
         :footer="null"
+		:get-container="() => $refs.addDetailsModal"
 		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>
 		
@@ -69,7 +75,7 @@ export default defineComponent({
     },
 });
 </script>
-<style lang="less">
+<style lang="less" scoped>
 .addDetails_modal {
     .closeIcon {
         z-index: 2;