'消息图片'

src/pages/messageCenter/message-list.vue

@@ -4,14 +4,13 @@
       <div slot="center" class="top-word">消息通知</div>
     </h-header>
     <!-- <h-content class="content"> -->
-    <div v-if="list.length===0" class="null">
+    <div v-if="list.length===0">
       <div class="display">
-        <img src="@/assets/contractRepayment/null.png" alt="">
-        <p>暂时没有还款记录</p>
-        <div @click="$routeGo()">返回</div>
+        <img src="@/assets/messageCenter/noMsg.png" alt="">
       </div>
     </div>
     <scroll
+      v-if="list.length !== 0"
       ref="scroll" :updateData="[list]" :pullUp="true" class="has-header"
       @pullingUp="getInfo">
       <section v-for="(item,parentIndex) in list" :key="parentIndex" class="msg-wrap">
@@ -182,6 +181,13 @@ export default {
   // .content {
   //   padding-top: 10px;
   // }
+  .display {
+    img {
+      width: 100%;
+      height: 100%;
+      margin-top: -70px;
+    }
+  }
   .swipeout-list {
     height: auto;
     padding: 0;