样式优化

zhiyangdu
1 parent 98d9f55f
Showing 1 changed file with 27 additions and 8 deletions
src/pages/dresser/dresser.vue
 <template>
   <div>
-  <div class="title">
-      已关注达人
-  </div>
-  <div class="item_box">
-  <dresserList></dresserList>
-  </div>
+  <!--<div class="title">-->
+      <!--已关注达人-->
+  <!--</div>-->
+      <div class="item_box">
+      <ul
+          v-infinite-scroll="loadMore"
+          infinite-scroll-disabled="loading"
+          infinite-scroll-distance="10">
+          <li v-for="item in list">
+              <dresserList></dresserList>
+          </li>
+      </ul>
+      </div>
   </div>
 </template>
  
@@ -15,16 +22,28 @@
     name: 'test',
     data () {
       return {
-
+          waitList: [],
+          list: [],
+          loading: false,
       }
     },
       components:{
           dresserList
       },
     created(){
-
+        document.title = "已关注达人";
     },
     methods: {
+        loadMore() {
+            this.loading = true;
+            setTimeout(() => {
+                let last = this.list[this.list.length - 1];
+                for (let i = 1; i <= 10; i++) {
+                    this.list.push(last + i);
+                }
+                this.loading = false;
+            }, 2500);
+        }
     }
   }
 </script>