support BackTop to 2.0

This commit is contained in:
mod 2017-03-07 10:03:11 +08:00
parent 4aec6a66bb
commit 1d8f776752
6 changed files with 24 additions and 4 deletions

View file

@ -58,7 +58,7 @@
- [ ] LoadingBar - [ ] LoadingBar
- [x] Circle - [x] Circle
- [x] Affix - [x] Affix
- [ ] BackTop - [x] BackTop
- [x] Spin - [x] Spin
## Overview ## Overview

View file

@ -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="/spin">Spin</router-link></li>
<li><router-link to="/cascader">Cascader</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="/select">Select</router-link></li>
<li><router-link to="/backtop">Backtop</router-link></li>
</ul> </ul>
</nav> </nav>
<router-view></router-view> <router-view></router-view>

View file

@ -140,6 +140,10 @@ const router = new VueRouter({
{ {
path: '/select', path: '/select',
component: require('./routers/select.vue') component: require('./routers/select.vue')
},
{
path: '/backtop',
component: require('./routers/back-top.vue')
} }
] ]
}); });

View file

@ -0,0 +1,15 @@
<style>
body{
height: 2000px;
}
</style>
<template>
<BackTop>
</BackTop>
</template>
<script>
export default {
}
</script>

View file

@ -35,7 +35,7 @@
backTop: false backTop: false
}; };
}, },
ready () { mounted () {
window.addEventListener('scroll', this.handleScroll, false); window.addEventListener('scroll', this.handleScroll, false);
window.addEventListener('resize', this.handleScroll, false); window.addEventListener('resize', this.handleScroll, false);
}, },

View file

@ -3,7 +3,7 @@ import 'core-js/fn/array/find-index';
import Affix from './components/affix'; import Affix from './components/affix';
import Alert from './components/alert'; import Alert from './components/alert';
// import BackTop from './components/back-top'; import BackTop from './components/back-top';
import Badge from './components/badge'; import Badge from './components/badge';
import Breadcrumb from './components/breadcrumb'; import Breadcrumb from './components/breadcrumb';
import Button from './components/button'; import Button from './components/button';
@ -49,7 +49,7 @@ import locale from './locale';
const iview = { const iview = {
Affix, Affix,
Alert, Alert,
// BackTop, BackTop,
Badge, Badge,
Breadcrumb, Breadcrumb,
BreadcrumbItem: Breadcrumb.Item, BreadcrumbItem: Breadcrumb.Item,