Update example

Author: tangbc

example/src/views/chat-room/Main.vue

@@ -7,11 +7,11 @@
     <div class="main">
       <div class="list-container">
         <virtual-list v-show="!!messages.length" class="stream scroll-touch" :class="{ overflow: overflow }" ref="vsl"
-          :size="80"
-          :keeps="30"
           :data-key="'sid'"
           :data-sources="messages"
           :data-component="messageComponent"
+
+          :estimate-size="100"
           :item-class="'stream-item'"
           :item-class-add="addItemClass"
           @resized="onItemRendered"

example/src/views/dynamic-size/Main.vue

@@ -12,13 +12,12 @@
 
       <div v-show="isShowView">
         <virtual-list class="list-dynamic scroll-touch"
-          :size="80"
-          :keeps="30"
-          :item-class="'list-item-dynamic'"
-
           :data-key="'id'"
           :data-sources="items"
           :data-component="itemComponent"
+
+          :estimate-size="80"
+          :item-class="'list-item-dynamic'"
         />
       </div>
 

example/src/views/fixed-size/Main.vue

@@ -8,13 +8,12 @@
 
       <div v-show="isShowView">
         <virtual-list class="list scroll-touch"
-          :size="50"
-          :keeps="30"
-          :item-class="'list-item-fixed'"
-
           :data-key="'id'"
           :data-sources="items"
           :data-component="itemComponent"
+
+          :estimate-size="50"
+          :item-class="'list-item-fixed'"
         />
       </div>
 

example/src/views/horizontal/Main.vue

@@ -8,15 +8,14 @@
 
       <div v-show="isShowView">
         <virtual-list class="list-horizontal scroll-touch"
-          :size="110"
-          :keeps="30"
-          :direction="'horizontal'"
-          :wrap-class="'wrapper'"
-          :item-class="'list-item-horizontal'"
-
           :data-key="'id'"
           :data-sources="items"
           :data-component="itemComponent"
+
+          :estimate-size="110"
+          :direction="'horizontal'"
+          :wrap-class="'wrapper'"
+          :item-class="'list-item-horizontal'"
         />
       </div>
 

example/src/views/infinite-loading/Main.vue

@@ -10,16 +10,13 @@
 
       <div v-show="isShowView">
         <virtual-list class="list-infinite scroll-touch"
-          :size="70"
-          :keeps="30"
-          :item-class="'list-item-infinite'"
-          :footer-class="'loader-wrapper'"
-          :disabled="false"
-
           :data-key="'id'"
           :data-sources="items"
           :data-component="itemComponent"
 
+          :estimate-size="70"
+          :item-class="'list-item-infinite'"
+          :footer-class="'loader-wrapper'"
           v-on:totop="onScrollToTop"
           v-on:tobottom="onScrollToBottom"
         >

example/src/views/keep-state/Main.vue

@@ -10,13 +10,12 @@
 
       <div v-show="isShowView">
         <virtual-list class="list-keep scroll-touch"
-          :size="60"
-          :keeps="30"
-          :item-class="'list-item-keep'"
-
           :data-key="'id'"
           :data-sources="items"
           :data-component="itemComponent"
+
+          :estimate-size="60"
+          :item-class="'list-item-keep'"
         />
       </div>