fix

src/component/HomePage/layoutMobile.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 	<a-modal
-            class="layoutMobile_modal"
+            class="layoutMobile_modal generalModel"
             v-model:visible="layout"
             :footer="null"
             width="78%"
@@ -18,8 +18,10 @@
 						<div class="layoutMobile_title">{{ $t('layout.MoodBoardDesign') }}</div>
 					</div>
 				</div>
-				<div class="collection_closeIcon" @touchstart.stop="cancelDsign()">
-					<i class="fi fi-rr-cross-small"></i>
+				<div class="generalModel_btn">
+					<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
+						<i class="fi fi-rr-cross-small"></i>
+					</div>
 				</div>
 				<div class="layoutMobile_nav">
 					<div v-for="item,index in layoutList" :key="item" :class="{active:item.setPitch}" @touchstart.stop="setpitch(item,index)">
@@ -672,25 +674,9 @@ export default defineComponent({
 
 <style lang="less">
 .layoutMobile_modal {
-	-moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-	.ant-modal-content{
-		// transform: scale(1.2);
-		// transform-origin: center !important;
-	}
-	// max-width: 1150px;
-    .ant-modal-body {
-        padding: 0;
-		// height: calc(65vh - 6.4rem);
-		height: calc(65rem*1.2);
-    }
 	.ant-modal-content{
 		border-radius: calc(1rem*1.2);
 	}
-
     .layoutMobile_content {
         // background: #f2f3fb;
         // padding-bottom: 2.9rem*1.2);
@@ -712,29 +698,7 @@ export default defineComponent({
 				color: rgba(0,0,0,.45);
 			}
 		}
-		.collection_closeIcon{
-			position: absolute;
-			top: calc(2rem*1.2);
-			right: calc(2rem*1.2);
-			cursor: pointer;
-			width: calc(4rem*1.2);
-			height: calc(4rem*1.2);
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			.fi-rr-cross-small::before{
-				padding: calc(.2rem*1.2);
-				border-radius: 5px;
-				border: solid 2px rgba(0, 0, 0, 0.25);
-				transition: 1s all;
-				color: rgba(0, 0, 0, 0.55);
-			}
-			&.collection_closeIcon:hover .fi-rr-cross-small::before{
-				border: solid 2px rgba(0, 0, 0, 0.55);
-				color: rgba(0, 0, 0, 1);
-			}
-		}
+	
 		.layoutMobile_nav{
 			display: flex;
 			margin-top: calc(2rem*1.2);