github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Pagination: disabled prev and next buttons should not trigger click (#10628)

pull/10630/head
杨奕 2018-04-09 18:53:50 +08:00 committed by GitHub
parent 79325390e2
commit 0ae91ec37f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/pagination/src/pagination.js
View File

@ -113,7 +113,8 @@ export default {
return ( return (
<button <button
type="button" type="button"
class={['btn-prev', { disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1 }]} class="btn-prev"
disabled={ this.$parent.disabled || this.$parent.internalCurrentPage <= 1 }
on-click={ this.$parent.prev }> on-click={ this.$parent.prev }>
{ {
this.$parent.prevText this.$parent.prevText
@ -130,10 +131,8 @@ export default {
return ( return (
<button <button
type="button" type="button"
class={[ class="btn-next"
'btn-next', disabled={ this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }
{ disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }
]}
on-click={ this.$parent.next }> on-click={ this.$parent.next }>
{ {
this.$parent.nextText this.$parent.nextText

4
packages/theme-chalk/src/pagination.scss
View File

@ -57,7 +57,7 @@
color: $--pagination-hover-fill; color: $--pagination-hover-fill;
} }
&.disabled { &:disabled {
color: $--pagination-button-disabled-color; color: $--pagination-button-disabled-color;
background-color: $--pagination-button-disabled-fill; background-color: $--pagination-button-disabled-fill;
cursor: not-allowed; cursor: not-allowed;
@ -188,7 +188,7 @@
.btn-prev, .btn-next { .btn-prev, .btn-next {
padding: 0; padding: 0;
&.disabled { &:disabled {
color: $--color-text-placeholder; color: $--color-text-placeholder;
} }
} }