fix

src/component/WorksPage/publish.vue

@@ -1,6 +1,6 @@
 <template>
 		<a-modal
-            class="publish_modal"
+            class="publish_modal generalModel"
             v-model:visible="publish"
             :footer="null"
             width="50%"
@@ -11,8 +11,8 @@
 			:keyboard="false"
 			:destroyOnClose="true"
         >
-		<div class="publish_btn">
-			<div class="collection_closeIcon" @click.stop="cancelDsign()">
+		<div class="generalModel_btn">
+			<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
 				<i class="fi fi-rr-cross-small"></i>
 			</div>
 		</div>
@@ -247,70 +247,11 @@ export default defineComponent({
 
 <style lang="less">
 .publish_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;
-    }
-	.ant-modal-btn{
-		
-	}
-	.ant-modal-body{
-		padding: calc(4rem*1.2) calc(5rem*1.2);
-		
-	}
 	.publish_page{
 		overflow-y: auto;
 		height: 100%;
 		&.publish_page::-webkit-scrollbar{display: none;}
 	}
-
-	.fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{
-		font-size: 2rem;
-	}
-    .publish_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);
-			}
-		}
-	}
 	.publish_content{
 		display: flex;
 	    flex-direction: column;