75

src/components/buy/inviteRecordList.vue

@@ -4,14 +4,23 @@
       <span>邀请记录</span>
       <span>购买时间</span>
     </div>
-    <div class="container" :style="{height: height+'px'}">
-      <ul>
-        <li v-for="(item,index) in list" :key="index">
-          <p>{{item.name}}</p>
-          <p>{{item.buy_date}}</p>
-        </li>
-      </ul>
-    </div>
+    <scroll
+          ref="scrollItem"
+          class="scrollItem"
+          :data="list"
+          :pullup="pullup"
+          :bounce="false"
+          @pullup="onReachBottom">
+      <div class="container" >
+        <ul>
+          <li v-for="(item,index) in list" :key="index">
+            <p>{{item.name}}</p>
+            <p>{{item.buy_date}}</p>
+          </li>
+        </ul>
+      </div>
+    </scroll>
+
   </div>
 </template>
 <script>
@@ -163,10 +172,17 @@ export default {
     font-weight: 400;
     color: #eb7162;
   }
+  .scrollItem{
+    height: 80vh;
+    width: 100%;
+    margin-top: 0;
+    overflow: hidden;
+  }
   .container {
     margin: 0;
     width: 100%;
     overflow: hidden;
+    // height: 200px;
     ul {
       li {
         height: 65 * @tocurrentvh;