update dependencies

examples/app.vue

@@ -57,6 +57,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
                 <li><router-link to="/avatar">Avatar</router-link></li>
                 <li><router-link to="/color-picker">ColorPicker</router-link></li>
                 <li><router-link to="/auto-complete">AutoComplete</router-link></li>
+                <li><router-link to="/scroll">Scroll</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>

examples/main.js

@@ -192,6 +192,10 @@ const router = new VueRouter({
         {
             path: '/auto-complete',
             component: require('./routers/auto-complete.vue')
+        },
+        {
+            path: '/scroll',
+            component: require('./routers/scroll.vue')
         }
     ]
 });

examples/routers/back-top.vue

@@ -1,6 +1,6 @@
 <style>
     body{
-        height: 2000px;
+        /*height: 2000px;*/
     }
 </style>
 <template>

examples/routers/scroll.vue

@@ -0,0 +1,56 @@
+<template>
+    <Scroll :on-reach-edge="loadData" loading-text="L-o-a-d-i-n-g...">
+        <section v-for="item in list">
+            <div class="city">
+                <p>{{ item }}</p>
+            </div>
+        </section>
+    </Scroll>
+</template>
+<script>
+    export default {
+        data () {
+            return {
+                list: [1,2,3,4,5,6,7,8,9,10]
+            }
+        },
+        methods: {
+            loadData (dir) {
+                return new Promise(resolve => {
+                    setTimeout(() => {
+                        if (dir > 0) {
+                            const first = this.list[0];
+                            for (let i = 1; i < 11; i++) {
+                                this.list.unshift(first - i);
+                            }
+                        } else {
+                            const last = this.list[this.list.length - 1];
+                            for (let i = 1; i < 11; i++) {
+                                this.list.push(last + i);
+                            }
+                        }
+                        resolve();
+                    }, 500);
+                });
+            }
+        }
+    }
+</script>
+<style>
+    section {
+        margin: 20px;
+    }
+    section > div {
+        width: 300px;
+        padding: 15px;
+        margin: 5px;
+        background-color: #ddf;
+        border: 1px solid #446;
+        border-radius: 5px;
+        margin: 0 auto;
+    }
+
+    .ivu-scroll-container {
+        height: 500px;
+    }
+</style>