zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.vue

Browse Source
This commit is contained in:
reco_luan 2019-01-24 15:11:55 +08:00 committed by GitHub
parent 8fda36cb43
commit 1e998db7ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/Pagation/index.vue
View File

@ -1,17 +1,17 @@
<template>
<div class="pagation" v-if="show">
<div class="pagation-list" unselectable="on">
<span class="jump" v-show="currentPage>1" @click="jumpPage(currentPage-1)">上一页</span>
<span v-show="efont" class="jump" @click="jumpPage(1)">1</span>
<div class="pagation" v-show="show">
<div class="pagation-list">
<span class="jump" v-show="currentPage>1" @click="goPrev">上一页</span>
<span v-show="currentPage>5" class="jump" @click="jumpPage(1)">1</span>
<span class="ellipsis" v-show="efont">...</span>
<span class="jump" v-for="num in indexs" :key="num" :class="{bgprimary:currentPage==num}" @click="jumpPage(num)">{{num}}</span>
<span class="ellipsis" v-show="efont&&currentPage<pages-4">...</span>
<span v-show="efont&&currentPage<pages-4" class="jump" @click="jumpPage(pages)">{{pages}}</span>
<span class="jump" v-show="currentPage < pages" @click="jumpPage(currentPage+1)">下一页</span>
<span class="jump" v-show="currentPage < pages" @click="goNext">下一页</span>
<span class="jumppoint">跳转到：</span>
<span class="jumpinp"><input type="text" v-model="changePage" @keyup.enter.native="jumpPage(changePage)"></span>
<span class="jump gobtn" @click="jumpPage(changePage)">GO</span>
<span class="jumpinp"><input type="text" v-model="changePage"></span>
<span class="jump gobtn" @click="jumpPage(changePage)">GO</span>
</div>
</div>
</template>
@ -78,27 +78,15 @@ export default {
},
methods: {
goPrev () {
alert(this.currentPage)
let currentPage = this.currentPage
if (this.currentPage > 1) {
let currentPage = this.currentPage;
--currentPage;
alert(currentPage)
this.emit(currentPage);
return;
this.emit(--currentPage)
}
},
goNext () {
alert(this.currentPage)
alert(this.pages)
if (this.currentPage < this.pages) {
let currentPage = this.currentPage;
++currentPage;
alert(currentPage)
this.emit(currentPage);
return;
let currentPage = this.currentPage
if (currentPage < this.pages) {
this.emit(++currentPage)
}
},
jumpPage: function(id) {
@ -168,4 +156,4 @@ export default {
padding: 0px 8px;
&.jumppoint
margin-left: 30px;
</style>
</style>