fix

src/component/WorksPage/newScaleImageMobile.vue

@@ -1,9 +1,11 @@
 <template>
             <!-- width="78%" -->
+		<div ref="newScaleImageMobileModal"></div>
 		<a-modal
             class="newScaleImageMobile_modal generalModel"
             v-model:visible="scaleImage"
             :footer="null"
+			:get-container="() => $refs.newScaleImageMobileModal"
             width="100%"
             :maskClosable="false"
             :centered="true"
@@ -14,7 +16,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 class="collection_closeIcon" @click.stop="download()">
 				<i class="fi fi-rr-down-to-line"></i>
@@ -608,8 +614,20 @@ export default defineComponent({
     },
 });
 </script>
-
 <style lang="less">
+.newScaleImageMobile_modal {
+	--margin: 3rem;
+	--padding: 2rem;
+	--border-color: #c4c4c4;
+	--background-color:#f5f5f5;
+	--content-height: 60rem;
+	--auther_wh: 8rem;
+	--count: 50;
+	--snap-size: 10rem;
+	--offset: 2;
+}
+</style>
+<style lang="less" scoped>
 .swiper{
 	padding-bottom: 2rem;
 }
@@ -640,10 +658,7 @@ export default defineComponent({
 		&.newScaleImageMobile_page::-webkit-scrollbar{display: none;}
 	}
     
-	--margin: 3rem;
-	--padding: 2rem;
-	--border-color: #c4c4c4;
-	--background-color:#f5f5f5;
+	
 	.scaleImage_chunk_item{
 		// background: var(--background-color);
 		padding: var(--padding) 0;
@@ -763,7 +778,6 @@ export default defineComponent({
 		top: 0;
 		height: 55vh;
 		.newScaleImageMobile_content_right{
-			--content-height: 60rem;
 			display: flex;
 			width: 100%;
 			flex-wrap: wrap;
@@ -791,9 +805,7 @@ export default defineComponent({
 				}
 				
 			}
-			--count: 50;
-			--snap-size: 10rem;
-			--offset: 2;
+			
 			.nav_centent{
 				// width: auto;
 				display: flex;
@@ -849,7 +861,7 @@ export default defineComponent({
 		.newScaleImageMobile_right_content{
 			display: flex;
 			flex-direction: column;
-			height: var(--content-height);
+			// height: var(--content-height);
 			.detail_left_right_item_click{
 				cursor: pointer;
 				i{
@@ -1163,7 +1175,7 @@ export default defineComponent({
 					width: 100%;
 					display: flex;
 					margin-top: var(--padding);
-					--auther_wh: 8rem;
+					
 					.detail_right_auther_img_item{
 						text-align: center;
 						width: var(--auther_wh);