fix

src/component/HomePage/createSlogan.vue

@@ -1,8 +1,10 @@
 <template>
+	<div ref="clearSloganModal"></div>
     <a-modal
         class="clearSlogan_modal generalModel"
         v-model:visible="showPayOrder"
         :footer="null"
+		:get-container="() => $refs.clearSloganModal"
         width="50%"
         :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>
 		
@@ -400,11 +406,8 @@ export default defineComponent({
     },
 });
 </script>
-<style lang="less">
+<style lang="less" scoped>
 .clearSlogan_modal {
-    .closeIcon {
-        z-index: 2;
-    }
 	.clearSlogan_center{
 		position: relative;
 		// width: calc(512px / 2);