论坛顶部色块

src/views/forum/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="forumTop"></div>
-	<div style="display: flex; justify-content: center;" class="main-content-wrapper">
-		<a-card :bordered="false" style="width: 1200px;" class="formMount">
+	<div style="display: flex; justify-content: center" class="main-content-wrapper">
+		<a-card :bordered="false" style="width: 1200px" class="formMount">
 			<a-space>
 				<div style="display: flex">
 					<a-tooltip :getPopupContainer="(trigger) => trigger.parentElement">
@@ -377,11 +377,12 @@
 		-webkit-line-clamp: 1;
 		overflow: hidden;
 	}
-	:deep(.formMount .ant-card-body) {
-		padding-top: 5px!important;
-	}
-	.forumTop{
-		background-color: #1890FF;
+	.forumTop {
+		background-color: #1890ff;
 		height: 55px;
 	}
+	.main-content-wrapper {
+		padding:0px;
+		height: calc(100% - 55px);
+	}
 </style>