other / mew-iview

Commit f24603ba5839334307d7ef76c24024353ebf3711

Authored by Aresn
Committed by GitHub
2 parents 87c51597 7d535fc9

Merge pull request #345 from DebugIsFalse/2.0-backtop 

2.0 backtop
Showing 6 changed files with 31 additions and 4 deletions   Show diff stats
Inline Side-by-side
README.md
  Show/Hide comments   View file @f24603b
... ... @@ -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 @f24603b
... ... @@ -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 <li><router-link to="/page">Page</router-link></li>
48 49 </ul>
49 50 </nav>
... ...
examples/main.js
  Show/Hide comments   View file @f24603b
... ... @@ -142,6 +142,10 @@ const router = new VueRouter({
142 142 component: require('./routers/select.vue')
143 143 },
144 144 {
  145 + path: '/backtop',
  146 + component: require('./routers/back-top.vue')
  147 + },
  148 + {
145 149 path: '/page',
146 150 component: require('./routers/page.vue')
147 151 }
... ...
examples/routers/back-top.vue 0 → 100644
  Show/Hide comments   View file @f24603b
  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 + data(){
  14 + return {
  15 +
  16 + }
  17 + },
  18 + mounted(){
  19 +
  20 + }
  21 + }
  22 +</script>
... ...
src/components/back-top/back-top.vue
  Show/Hide comments   View file @f24603b
... ... @@ -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 @f24603b
... ... @@ -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,
... ...