|
|
@ -1,12 +1,12 @@ |
|
|
|
<template> |
|
|
|
<div class="page-container"> |
|
|
|
<div> |
|
|
|
<el-button v-if="prev" size="mini" type="primary" icon="el-icon-arrow-left">上一页</el-button> |
|
|
|
<el-button v-if="prev&&currPage!==1" size="mini" type="primary" icon="el-icon-arrow-left">上一页</el-button> |
|
|
|
<el-button size="mini" type="primary">下一页<i class="el-icon-arrow-right el-icon--right" /></el-button> |
|
|
|
</div> |
|
|
|
<div style="text-align: center;"> |
|
|
|
<span v-if="currPage" class="desc-text">第2页,</span> |
|
|
|
<span v-if="totalPage" class="desc-text">共5页</span> |
|
|
|
<span v-if="currPage" class="desc-text">第{{ currPageNum }}页,</span> |
|
|
|
<span v-if="totalPage" class="desc-text">共{{ totalPageNum }}页</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
@ -20,13 +20,23 @@ export default { |
|
|
|
type: Boolean, |
|
|
|
default: true |
|
|
|
}, |
|
|
|
// 显示当前页 |
|
|
|
currPage: { |
|
|
|
type: Boolean, |
|
|
|
default: true |
|
|
|
}, |
|
|
|
currPageNum: { |
|
|
|
type: Number, |
|
|
|
default: 1 |
|
|
|
}, |
|
|
|
// 显示总页数 |
|
|
|
totalPage: { |
|
|
|
type: Boolean, |
|
|
|
default: true |
|
|
|
}, |
|
|
|
totalPageNum: { |
|
|
|
type: Number, |
|
|
|
default: 1 |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|