添加边距

jeecgboot-vue3-master/src/views/depart/workbench/components/organizingCommittee/organizingCommittee.vue

@@ -1,5 +1,6 @@
 <template>
-  <a-row :gutter="[24, 32]">
+  <div class="container-box">
+  <a-row :gutter="[24, 32]" style="margin-top: 30px">
     <a-col :lg="12" :xxl="6">
       <div class="item">
         <div class="card1">
@@ -49,7 +50,7 @@
     </div></a-col>
   </a-row>
 
-  <a-row :gutter="[24, 32]">
+  <a-row :gutter="[24, 32]" style="margin-top: 30px">
     <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
       ><div class="Participation">
         <a-card title="参赛院系人数排名" style="width: 100%; height: 100%">
@@ -63,7 +64,7 @@
         </a-card> </div
     ></a-col>
   </a-row>
-  <a-row :gutter="[24, 32]">
+  <a-row :gutter="[24, 32]" style="margin-top: 30px">
     <a-col :xxl="12" :xl="12" :lg="24" :md="24" :sm="24"
       ><div class="content-card">
         <a-card title="各项积分情况" style="width: 100%; height: 100%">
@@ -86,7 +87,9 @@
           <cardListThree />
         </a-card> </div
     ></a-col>
-  </a-row>
+  </a-row> 
+  </div>
+
 </template>
 
 <script lang="ts" setup>
@@ -306,10 +309,11 @@
 </script>
 
 <style lang="less" scoped>
-  :deep .ant-row {
-    background-color: pink;
-    margin-top: 30px;
-  }
+.container-box{
+  width: 100%;
+  height: 100%;
+  padding: 0 30px;
+}
   .item {
     width: 100%;
     height: 182px;
@@ -485,4 +489,7 @@
     width: 100%;
     height: calc(100% - 58px);
   }
+  :deep( .ant-row){
+    margin-top: 30px;
+  }
 </style>

jeecgboot-vue3-master/src/views/depart/workbench/index.vue

@@ -11,4 +11,8 @@ function com(){
 </script>
 
 <style lang="less" scoped>
+.workbench {
+    margin-bottom: 30px;
+    padding: 20px;
+}
 </style>