提现明细

src/views/RedpackLog.vue

 <template>
   <div class="redpack_log">
-    <Title
-      v-bind:title="title"
-      v-on:goback="goback"
-      show_back="true"
-      show_blame=""
-    ></Title>
+    <Title class="page-title" title="提现明细" titleColor="#000" @goback="goback" show_back="true" arrowColor="black"></Title>
     <div class="list_container"  @scroll="onScroll">
       <div class="list_item" v-for="item in moneyLog">
         <div class="item_left">
@@ -18,6 +13,7 @@
           <div class="item_tip item_tip2" v-else>提现中</div>
         </div>
       </div>
+      <div class="no-data" v-if="!moneyLog.length">暂无数据~</div>
     </div>
   </div>
 </template>
@@ -33,7 +29,6 @@
     },
     data() {
       return {
-        title: "提现明细",
         moneyLog: [],
         next_page: false,
         page: 1,
@@ -105,6 +100,13 @@
     padding: .36rem .4rem;
     border-top: .02rem solid rgba(224, 224, 224, 1);
   }
+  
+  .no-data {
+    font-size: .32rem;
+    color: rgba(40, 40, 40, 1);
+    text-align: center;
+    margin-top: .6rem;
+  }
 
   .item_left {
     flex: 1;
@@ -140,10 +142,6 @@
   }
 </style>
 <style>
-  .redpack_log .back {
-    background-image: url("../assets/ic_back_black.png");
-  }
-
   .redpack_log .title_container {
     color: #282828;
     background: #ffffff;