支付页面

src/component/HomePage/collectionModal.vue

@@ -27,7 +27,7 @@
 				</div>
          
             </div>
-			<div class="collection_closeIcon" :class="[driver__.driver?'hideEvents':'']">
+			<div class="collection_closeIcon closeIcon" :class="[driver__.driver?'hideEvents':'']">
 				<!-- <div class="header_right_block" @click.stop="">
 					<div class="header_cancel_button" >Cancel</div>
 				</div> -->
@@ -338,26 +338,7 @@ export default defineComponent({
 		
 	}
 	.collection_closeIcon{
-		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);
-		}
+		
 	}
 	.collection_page{
 		left: 50%;
@@ -427,7 +408,7 @@ export default defineComponent({
 }
 </style>
 <style lang="less">
-.collection_modal,.layout_modal{
+.collection_modal,.layout_modal,{
 	// max-width: 1200px ;
 	// max-width: 1150px ;
 	.ant-modal-content{
@@ -453,8 +434,4 @@ export default defineComponent({
 		}
 	}
 }
-// .ant-progress-circle .ant-progress-inner{
-// 	width: 8rem !important;
-// 	height: 8rem !important;
-// }
 </style>