fix

src/component/HomePage/layout.vue

@@ -1,9 +1,10 @@
 <template>
-  <div>
+  <div ref="layoutModal">
 	<a-modal
             class="layout_modal generalModel"
             v-model:visible="layout"
             :footer="null"
+			:get-container="() => $refs.layoutModal"
             width="78%"
             :maskClosable="false"
             :centered="true"
@@ -20,7 +21,11 @@
 				</div>
 				<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="layout_nav">
@@ -858,7 +863,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .layout_modal {
 	user-select: none; /* 对现代浏览器有效 */
     -webkit-user-select: none; /* Safari */