css

project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue

@@ -22,27 +22,7 @@
       </div>
     </div>
     
-    <div class="section">
-      <div class="card" @click="$linkTo('./neighborDetail')">
-        <div class="info">
-          <p>帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询</p>
-          <div><span>事件日期</span><span>2022-04-15</span></div>
-          <div><span>四邻对象</span><span>李白</span></div>
-        </div>
-        <div class="status">
-          <span></span><span>待审核</span>
-        </div>
-      </div>
-      <div class="card" @click="$linkTo('./neighborDetail')">
-        <div class="info">
-          <p>帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询</p>
-          <div><span>事件日期</span><span>2022-04-15</span></div>
-          <div><span>四邻对象</span><span>李白</span></div>
-        </div>
-        <div class="status">
-          <span></span><span>待审核</span>
-        </div>
-      </div>
+    <div class="section" v-if="list.length">
       <div class="card" @click="$linkTo('./neighborDetail')">
         <div class="info">
           <p>帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询</p>
@@ -55,7 +35,7 @@
       </div>
     </div>
 
-    <!-- <AiEmpty description="暂无数据" class="emptyWrap" v-else /> -->
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else />
 
     <div class="btn" v-if="isShowDate == false">
       <div class="myInfo" @click="$linkTo('./myNeighborInfo')">我的四邻信息</div>
@@ -92,7 +72,9 @@ export default {
       this.checkTime = `${e.year}-${e.month}-${e.day}`
     },
     getList() {
-      // this.$instance.post('/app/apppartyfourresident/listFourResident')
+      // this.$instance.post('/app/apppartyfourresident/listFourResident').then(res=>{
+      //   console.log(res);
+      // })
     }
   }
 }
@@ -143,12 +125,14 @@ export default {
           -webkit-line-clamp:2;
         }
         div {
-          margin-top: 32px;
           span:first-child {
             color: #999999;
             margin-right: 32px;
           }
         }
+        div:first-child {
+          margin-top: 32px;
+        }
       }
       .status {
         padding: 32px 32px;
@@ -193,5 +177,9 @@ export default {
   ::v-deep .AiSelect {
     display: inline-block;
   }
+
+  ::v-deep .emptyWrap {
+    margin-top: 200px;
+  }
 }
 </style>