style：修改路径图首页显示bug

src/views/learningpath/LearningPath.vue

@@ -40,7 +40,7 @@
             :placeholder="['      开始时间', '        结束时间']"
           />
         </div>
-        <div style="display: flex;margin-bottom: 20px">
+        <div style="display: flex; margin-bottom: 20px">
           <div class="btn btn1">
             <div class="search"></div>
             <div class="btnText">搜索</div>
@@ -50,7 +50,6 @@
             <div class="btnText">重置</div>
           </div>
         </div>
-        
       </div>
       <div class="btns">
         <!-- <router-link to="/projectadd">
@@ -69,16 +68,22 @@
     <!-- 无数据 -->
     <div class="datanull" style="display: none">
       <div class="nodata_box">
-            <div class="left"><img src="../../assets/images/taskpage/left1.png"/></div>
-            <div class="center"><img src="../../assets/images/leveladd/picture.png"/></div>
+        <div class="left">
+          <img src="../../assets/images/taskpage/left1.png" />
+        </div>
+        <div class="center">
+          <img src="../../assets/images/leveladd/picture.png" />
+        </div>
         <div class="text1">无数据</div>
         <div class="text2">请添加路径</div>
-            <div class="right"><img src="../../assets/images/leveladd/right.png"/></div>
+        <div class="right">
+          <img src="../../assets/images/leveladd/right.png" />
+        </div>
       </div>
     </div>
     <!-- 无数据 -->
     <!-- 表格 -->
-    <div class="tableBox" style="padding-bottom: 160px; position: relative">
+    <div class="tableBox" style="padding-bottom: 0px; position: relative">
       <a-table
         style="border: 1px solid #f2f6fe"
         :columns="tableDataFunc()"
@@ -89,6 +94,8 @@
         @expand="expandTable"
         :pagination="false"
       />
+    </div>
+    <div class="tableBox">
       <div class="pa">
         <a-pagination
           showSizeChanger="true"
@@ -1647,11 +1654,7 @@ export default {
       width: 412px;
       height: 212px;
       position: relative;
-      background: linear-gradient(
-              180deg,
-              #FEF3DD,
-             #FFFAF0
-            );
+      background: linear-gradient(180deg, #fef3dd, #fffaf0);
       border-radius: 10px;
       .left {
         position: absolute;
@@ -1668,7 +1671,7 @@ export default {
         top: 128px;
         left: 178px;
         font-size: 20px;
-        color: #FFB64E;
+        color: #ffb64e;
         font-weight: 500;
       }
       .text2 {
@@ -1676,7 +1679,7 @@ export default {
         bottom: 32px;
         left: 174px;
         font-size: 14px;
-        color: #878B92;
+        color: #878b92;
         font-weight: 500;
       }
       .right {
@@ -1687,8 +1690,8 @@ export default {
     }
   }
   .filter {
-    margin-left: 38px;
-    margin-right: 38px;
+    margin-left: 35px;
+    margin-right: 35px;
     margin-top: 30px;
     display: flex;
     justify-content: space-between;
@@ -1828,7 +1831,8 @@ export default {
     }
   }
   .tableBox {
-    margin: 20px 38px 30px;
+    // margin: 20px 38px 30px;
+    margin: 20px 35px 0px 35px;
 
     th.h {
       background-color: #eff4fc !important;
@@ -1839,6 +1843,8 @@ export default {
       > td {
       background: #f6f9fd;
     }
+  }
+  .tableBox {
     .pa {
       left: 0;
       width: 100%;
@@ -1846,8 +1852,9 @@ export default {
       // background-color: red;
       display: flex;
       justify-content: center;
-      position: absolute;
-      bottom: 20px;
+      margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
     }
   }
   .operation {