fix

 <template>
   <div class="list-comp">
     <div class="title">邀请记录</div>
-    <div class="header">
-      <div style="width: 25%; text-align: left;">我邀请的好友</div>
-      <div style="width: 55%; text-align: center;">注册时间</div>
-      <div style="width: 20%; text-align: right;">我的佣金</div>
+    <div class="header-wrapper">
+      <div class="header">
+        <div style="width: 25%; text-align: left;">我邀请的好友</div>
+        <div class="register-time">注册时间</div>
+        <div style="width: 20%; text-align: right;">我的佣金</div>
+      </div>
     </div>
 
     <Scroll ref="scroll" class="list" :options="scrollOptions" :data="list" v-if="list.length" @pulling-up="onPullingUp">
       <div class="item" v-for="item in list">
         <div class="name" style="width: 25%; text-align: center; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;">{{item.nickname}}</div>
-        <div class="date" style="width: 55%; text-align: center;">{{item.dateStr}}</div>
+        <div class="register-time" >{{item.dateStr}}</div>
         <div class="amount" style="width: 20%; text-align: center;">{{item.amountStr}}</div>
       </div>
     </Scroll>
@@ -73,6 +75,11 @@ export default {
       margin-bottom: 20px;
     }
 
+    .header-wrapper {
+      position: relative;
+      height: 100px;
+    }
+
     .header {
       display: flex;
       font-size: 28px;
@@ -80,7 +87,26 @@ export default {
       justify-content: space-between;
       height: 100px;
       line-height: 100px;
-      border-bottom: 0.5PX solid #b0b0b0;
+    }
+
+    .header:before {
+      content: " ";
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      height: 1px;
+      border-top: 1px solid #b0b0b0;
+      -webkit-transform-origin: 0 0;
+      transform-origin: 0 0;
+      -webkit-transform: scaleY(0.5);
+      transform: scaleY(0.5);
+    }
+
+    .register-time {
+      position: absolute;
+      width: 100%;
+      text-align: center;
     }
 
     .list {
@@ -94,6 +120,9 @@ export default {
       display: flex;
       border-bottom: 0.5PX solid #b0b0b0;
       line-height: 100px;
+      position: relative;
+      display: flex;
+      justify-content: space-between;
     }
 
     .empty {

@@ -35,12 +35,12 @@ export default function() {
           commit('changePage', { page: ++page });
         }
 
-        return result.data.length || 0;
+        return result.data ? result.data.length : 0;
       },
       async fetchResource({ commit }) {
         const result = await this.$api.get('/api/yoho/resource', { content_code: 'a51c8222d21b3d88faa4a49c01c9c93e' });
 
-        commit('addResource', { url: getImgUrl(get(result, 'data[0].data.src') || '', 700, 500) });
+        commit('addResource', { url: getImgUrl(get(result, 'data[0].data.src') || '', 1000, 1000) });
       },
 
       async fetchUnionStatus() {

 {
   "name": "ufo-app-web",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "private": true,
   "description": "A New Yohobuy Project With Express",
   "repository": {