fix

src/App.vue

@@ -91,6 +91,7 @@ export default {
     width: 100%;
     min-height: calc(~"100% - 70px - 180px");
     margin: 0 auto;
+    padding-bottom: 30px;
   }
   .home-slice {
     width: 100%;

src/pages/Square/PopularProjectAndTaskList.vue

@@ -36,8 +36,8 @@
       <div>
       </div>
     </div>
-    <div class="mine-body" style="text-align: center;">
-      <el-tabs value="myProject" @tab-click="handleTabClick" v-loading="loading" style="width: 90%;margin-left: 5%">
+    <div class="mine-body container" style="text-align: center;">
+      <el-tabs value="myProject" @tab-click="handleTabClick" v-loading="loading">
         <el-tab-pane name="myProject" v-if="currTab == 'project'">
           <span v-if="projectAndTaskArr == null || projectAndTaskArr.length == 0"> 暂无项目 </span>
           <el-row v-if="projectAndTaskArr != null && projectAndTaskArr.length != 0" type="flex" align="middle" justify="center"
@@ -74,13 +74,6 @@
 
     <div class="container">
       <el-row>
-        <el-col :span="18" class="project-task">
-<!--          <el-row :gutter="15"  style="margin-bottom: 10px">-->
-<!--            <el-col :span="8" v-for="(item,index) in projectAndTaskArr" :key="index" style="margin-bottom: 15px">-->
-<!--              <SquareCard :card="item"></SquareCard>-->
-<!--            </el-col>-->
-<!--          </el-row>-->
-
           <el-pagination
             v-if="currTab!=='squareHome'&&projectAndTaskArr&&projectAndTaskArr.length"
             :page-size="12"
@@ -91,11 +84,6 @@
             class="pull-right"
           >
           </el-pagination>
-        </el-col>
-<!--        <el-col :span="6"  class="popular-modules" style="padding-left: 15px">-->
-<!--          <PopularProject :hotCrowdTestProjectVOs="hotCrowdTestProjectVOs" style="margin-bottom: 15px"/>-->
-<!--          <PopularTask :hotCrowdTaskVOs="hotCrowdTaskVOs"/>-->
-<!--        </el-col>-->
       </el-row>
     </div>
   </div>