chenhaodong / mew-iview

Commit 1d8f77675245178cb5552b971876f0085de619be

Authored by mod
1 parent 4aec6a66

support BackTop to 2.0

Showing 6 changed files with 24 additions and 4 deletions   Show diff stats
Inline Side-by-side
README.md
  Show/Hide comments   View file @1d8f776
... ... @@ -58,7 +58,7 @@
58 58 - [ ] LoadingBar
59 59 - [x] Circle
60 60 - [x] Affix
61   -- [ ] BackTop
  61 +- [x] BackTop
62 62 - [x] Spin
63 63  
64 64 ## Overview
... ...
examples/app.vue
  Show/Hide comments   View file @1d8f776
... ... @@ -44,6 +44,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
44 44 <li><router-link to="/spin">Spin</router-link></li>
45 45 <li><router-link to="/cascader">Cascader</router-link></li>
46 46 <li><router-link to="/select">Select</router-link></li>
  47 + <li><router-link to="/backtop">Backtop</router-link></li>
47 48 </ul>
48 49 </nav>
49 50 <router-view></router-view>
... ...
examples/main.js
  Show/Hide comments   View file @1d8f776
... ... @@ -140,6 +140,10 @@ const router = new VueRouter({
140 140 {
141 141 path: '/select',
142 142 component: require('./routers/select.vue')
  143 + },
  144 + {
  145 + path: '/backtop',
  146 + component: require('./routers/back-top.vue')
143 147 }
144 148 ]
145 149 });
... ...
examples/routers/back-top.vue 0 → 100644
  Show/Hide comments   View file @1d8f776
  1 +<style>
  2 + body{
  3 + height: 2000px;
  4 + }
  5 +</style>
  6 +<template>
  7 + <BackTop>
  8 +
  9 + </BackTop>
  10 +</template>
  11 +<script>
  12 + export default {
  13 +
  14 + }
  15 +</script>
... ...
src/components/back-top/back-top.vue
  Show/Hide comments   View file @1d8f776
... ... @@ -35,7 +35,7 @@
35 35 backTop: false
36 36 };
37 37 },
38   - ready () {
  38 + mounted () {
39 39 window.addEventListener('scroll', this.handleScroll, false);
40 40 window.addEventListener('resize', this.handleScroll, false);
41 41 },
... ...
src/index.js
  Show/Hide comments   View file @1d8f776
... ... @@ -3,7 +3,7 @@ import &#39;core-js/fn/array/find-index&#39;;
3 3  
4 4 import Affix from './components/affix';
5 5 import Alert from './components/alert';
6   -// import BackTop from './components/back-top';
  6 +import BackTop from './components/back-top';
7 7 import Badge from './components/badge';
8 8 import Breadcrumb from './components/breadcrumb';
9 9 import Button from './components/button';
... ... @@ -49,7 +49,7 @@ import locale from &#39;./locale&#39;;
49 49 const iview = {
50 50 Affix,
51 51 Alert,
52   - // BackTop,
  52 + BackTop,
53 53 Badge,
54 54 Breadcrumb,
55 55 BreadcrumbItem: Breadcrumb.Item,
... ...