Commit 2c8be006dcd1713bf9ac4e4a8358c49bcb30723b
Committed by
GitHub
GitHub
1 parent
d8fc2568
分页向前（后）跳转5页有歧义
问题：当前页面为第5页时，仍然显示并可点击“向前跳转5页”，同理在倒数第5页时，点击“向后跳转5页”只能跳到最后一页，这样实际跳转的并不是准确页面，交互上存在歧义。 建议调整为：当前页面为第5页时，不显示“向前跳转5页”，当前页面为倒数第5页时，不显示“向后跳转5页”
Showing
1 changed file
with
4 additions
and
2 deletions
Show diff stats
src/components/page/page.vue
| ... | ... | @@ -36,13 +36,15 @@ |
| 36 | 36 | <a><template v-if="prevText !== ''">{{ prevText }}</template><i v-else class="ivu-icon ivu-icon-ios-arrow-back"></i></a> |
| 37 | 37 | </li> |
| 38 | 38 | <li title="1" :class="firstPageClasses" @click="changePage(1)"><a>1</a></li> |
| 39 | - <li :title="t('i.page.prev5')" v-if="currentPage - 3 > 1" :class="[prefixCls + '-item-jump-prev']" @click="fastPrev"><a><i class="ivu-icon ivu-icon-ios-arrow-back"></i></a></li> | |
| 39 | + <li :title="t('i.page.prev5')" v-if="currentPage > 5" :class="[prefixCls + '-item-jump-prev']" @click="fastPrev"><a><i class="ivu-icon ivu-icon-ios-arrow-back"></i></a></li> | |
| 40 | + <li :title="currentPage - 3" v-if="currentPage === 5" :class="[prefixCls + '-item']" @click="changePage(currentPage - 3)"><a>{{ currentPage - 3 }}</a></li> | |
| 40 | 41 | <li :title="currentPage - 2" v-if="currentPage - 2 > 1" :class="[prefixCls + '-item']" @click="changePage(currentPage - 2)"><a>{{ currentPage - 2 }}</a></li> |
| 41 | 42 | <li :title="currentPage - 1" v-if="currentPage - 1 > 1" :class="[prefixCls + '-item']" @click="changePage(currentPage - 1)"><a>{{ currentPage - 1 }}</a></li> |
| 42 | 43 | <li :title="currentPage" v-if="currentPage != 1 && currentPage != allPages" :class="[prefixCls + '-item',prefixCls + '-item-active']"><a>{{ currentPage }}</a></li> |
| 43 | 44 | <li :title="currentPage + 1" v-if="currentPage + 1 < allPages" :class="[prefixCls + '-item']" @click="changePage(currentPage + 1)"><a>{{ currentPage + 1 }}</a></li> |
| 44 | 45 | <li :title="currentPage + 2" v-if="currentPage + 2 < allPages" :class="[prefixCls + '-item']" @click="changePage(currentPage + 2)"><a>{{ currentPage + 2 }}</a></li> |
| 45 | - <li :title="t('i.page.next5')" v-if="currentPage + 3 < allPages" :class="[prefixCls + '-item-jump-next']" @click="fastNext"><a><i class="ivu-icon ivu-icon-ios-arrow-forward"></i></a></li> | |
| 46 | + <li :title="currentPage + 3" v-if="allPages - currentPage === 4" :class="[prefixCls + '-item']" @click="changePage(currentPage + 3)"><a>{{ currentPage + 3 }}</a></li> | |
| 47 | + <li :title="t('i.page.next5')" v-if="allPages - currentPage >= 5" :class="[prefixCls + '-item-jump-next']" @click="fastNext"><a><i class="ivu-icon ivu-icon-ios-arrow-forward"></i></a></li> | |
| 46 | 48 | <li :title="allPages" v-if="allPages > 1" :class="lastPageClasses" @click="changePage(allPages)"><a>{{ allPages }}</a></li> |
| 47 | 49 | <li |
| 48 | 50 | :title="t('i.page.next')" | ... | ... |