From 1d8f77675245178cb5552b971876f0085de619be Mon Sep 17 00:00:00 2001
From: mod <mo.duan@tendcloud.com>
Date: Tue, 7 Mar 2017 10:03:11 +0800
Subject: [PATCH] support BackTop to 2.0

---
 README.md                            |  2 +-
 examples/app.vue                     |  1 +
 examples/main.js                     |  4 ++++
 examples/routers/back-top.vue        | 15 +++++++++++++++
 src/components/back-top/back-top.vue |  2 +-
 src/index.js                         |  4 ++--
 6 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 examples/routers/back-top.vue

diff --git a/README.md b/README.md
index d070cb24..8ecece9b 100644
--- a/README.md
+++ b/README.md
@@ -58,7 +58,7 @@
 - [ ] LoadingBar
 - [x] Circle
 - [x] Affix
-- [ ] BackTop
+- [x] BackTop
 - [x] Spin
 
 ## Overview
diff --git a/examples/app.vue b/examples/app.vue
index f51ad5a7..5065d717 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -44,6 +44,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
                 <li><router-link to="/spin">Spin</router-link></li>
                 <li><router-link to="/cascader">Cascader</router-link></li>
                 <li><router-link to="/select">Select</router-link></li>
+                <li><router-link to="/backtop">Backtop</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>
diff --git a/examples/main.js b/examples/main.js
index db866cc3..b0135b4f 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -140,6 +140,10 @@ const router = new VueRouter({
         {
             path: '/select',
             component: require('./routers/select.vue')
+        },
+        {
+            path: '/backtop',
+            component: require('./routers/back-top.vue')
         }
     ]
 });
diff --git a/examples/routers/back-top.vue b/examples/routers/back-top.vue
new file mode 100644
index 00000000..b2fe1263
--- /dev/null
+++ b/examples/routers/back-top.vue
@@ -0,0 +1,15 @@
+<style>
+    body{
+        height: 2000px;
+    }
+</style>
+<template>
+    <BackTop>
+       
+    </BackTop>
+</template>
+<script>
+    export default {
+
+    }
+</script>
diff --git a/src/components/back-top/back-top.vue b/src/components/back-top/back-top.vue
index 171f1683..4ea7cfbb 100644
--- a/src/components/back-top/back-top.vue
+++ b/src/components/back-top/back-top.vue
@@ -35,7 +35,7 @@
                 backTop: false
             };
         },
-        ready () {
+        mounted () {
             window.addEventListener('scroll', this.handleScroll, false);
             window.addEventListener('resize', this.handleScroll, false);
         },
diff --git a/src/index.js b/src/index.js
index 26c0bb7b..e86e8d4b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,7 +3,7 @@ import 'core-js/fn/array/find-index';
 
 import Affix from './components/affix';
 import Alert from './components/alert';
-// import BackTop from './components/back-top';
+import BackTop from './components/back-top';
 import Badge from './components/badge';
 import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
@@ -49,7 +49,7 @@ import locale from './locale';
 const iview = {
     Affix,
     Alert,
-    // BackTop,
+    BackTop,
     Badge,
     Breadcrumb,
     BreadcrumbItem: Breadcrumb.Item,