fix

src/component/HomePage/scaleImage.vue

@@ -1,6 +1,6 @@
 <template>
 		<a-modal
-            class="scaleImage_modal"
+            class="scaleImage_modal generalModel"
             v-model:visible="scaleImage"
             :footer="null"
             width="78%"
@@ -11,11 +11,11 @@
 			:keyboard="false"
 			:destroyOnClose="true"
         >
-		<div class="scaleImage_btn">
-			<div class="collection_closeIcon left" @click.stop="cancelDsign()">
+		<div class="generalModel_btn">
+			<div class="generalModel_closeIcon left" @click.stop="cancelDsign()">
 				<i class="fi fi-rr-cross-small"></i>
 			</div>
-			<div class="collection_closeIcon" @click.stop="download()">
+			<div class="generalModel_closeIcon" @click.stop="download()">
 				<i class="fi fi-rr-down-to-line"></i>
 			</div>
 		</div>
@@ -168,62 +168,10 @@ export default defineComponent({
 
 <style lang="less">
 .scaleImage_modal {
-	-moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-	position: relative;
-	border-radius: 1rem;
-	overflow: hidden;
 	.ant-modal-body {
-        padding: 0;
-		// height: calc(65vh - 6.4rem);
-		height: calc(65rem*1.2);
-		// background-color: #181818;
 		display: flex;
 		flex-direction: column;
     }
-	.ant-modal-btn{
-		
-	}
-	.fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{
-		font-size: 2rem;
-	}
-    .scaleImage_btn {
-		.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;
-			&.left{
-				left: calc(2rem*1.2);
-			}
-			.fi-rr-cross-small::before{
-				padding: calc(.2rem*1.2);
-				border-radius: 5px;
-				border: solid 2px rgba(0, 0, 0, 0.22);
-				transition: .3s all;
-				color: rgba(0, 0, 0, 0.7);
-			}
-			&.collection_closeIcon:hover .fi-rr-cross-small::before{
-				border: solid 2px rgba(0, 0, 0, 5);
-				color: rgba(0, 0, 0, 1);
-			}
-			.fi-rr-down-to-line{
-				transition: .3s all;
-				color: rgba(0, 0, 0, .5);
-			}
-			.fi-rr-down-to-line:hover{
-				color: rgba(0, 0, 0, 1);
-			}
-		}
-	}
 	.scaleImage_content{
 		display: flex;
 		justify-content: center;