support BackTop to 2.0
This commit is contained in:
parent
4aec6a66bb
commit
1d8f776752
6 changed files with 24 additions and 4 deletions
|
@ -58,7 +58,7 @@
|
||||||
- [ ] LoadingBar
|
- [ ] LoadingBar
|
||||||
- [x] Circle
|
- [x] Circle
|
||||||
- [x] Affix
|
- [x] Affix
|
||||||
- [ ] BackTop
|
- [x] BackTop
|
||||||
- [x] Spin
|
- [x] Spin
|
||||||
|
|
||||||
## Overview
|
## Overview
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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')
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
15
examples/routers/back-top.vue
Normal file
15
examples/routers/back-top.vue
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
height: 2000px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<template>
|
||||||
|
<BackTop>
|
||||||
|
|
||||||
|
</BackTop>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
|
@ -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);
|
||||||
},
|
},
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Add table
Reference in a new issue