修复attr指令语法的bug;优化主题2的样式;总页数等于1时,仍然显示页码
parent
08c2b6a96a
commit
73aa58ad78
|
@ -13,6 +13,7 @@ function calculate({ currPage, maxPageShow, totalPage }) {
|
||||||
: Math.floor(maxPageShow / 2)
|
: Math.floor(maxPageShow / 2)
|
||||||
|
|
||||||
if (totalPage < 2) {
|
if (totalPage < 2) {
|
||||||
|
arr.push(1)
|
||||||
return arr
|
return arr
|
||||||
}
|
}
|
||||||
if (currPage - halfPage > 1) {
|
if (currPage - halfPage > 1) {
|
||||||
|
@ -56,28 +57,28 @@ function update(currPage, vm) {
|
||||||
const tmpls = {
|
const tmpls = {
|
||||||
home: `<button class="do-icon-dbl-left button"
|
home: `<button class="do-icon-dbl-left button"
|
||||||
:css="{'border-radius': props.radius}"
|
:css="{'border-radius': props.radius}"
|
||||||
:attr-disabled="currPage === 1"
|
:attr="{disabled: currPage === 1}"
|
||||||
:data="{to: parseUrl(1)}"
|
:data="{to: parseUrl(1)}"
|
||||||
:click="setPage(1, $event)"></button>`,
|
:click="setPage(1, $event)"></button>`,
|
||||||
end: `<button class="do-icon-dbl-right button"
|
end: `<button class="do-icon-dbl-right button"
|
||||||
:css="{'border-radius': props.radius}"
|
:css="{'border-radius': props.radius}"
|
||||||
:attr-disabled="currPage === totalPage"
|
:attr="{disabled: currPage === totalPage}"
|
||||||
:data="{to: parseUrl(totalPage)}"
|
:data="{to: parseUrl(totalPage)}"
|
||||||
:click="setPage(totalPage, $event)"></button>`,
|
:click="setPage(totalPage, $event)"></button>`,
|
||||||
prev: `<button class="do-icon-left button"
|
prev: `<button class="do-icon-left button"
|
||||||
:css="{'border-radius': props.radius}"
|
:css="{'border-radius': props.radius}"
|
||||||
:attr-disabled="{disabled: currPage < 2}"
|
:attr="{disabled: currPage < 2}"
|
||||||
:data="{to: parseUrl(currPage - 1)}"
|
:data="{to: parseUrl(currPage - 1)}"
|
||||||
:click="setPage(currPage - 1, $event)"></button>`,
|
:click="setPage(currPage - 1, $event)"></button>`,
|
||||||
next: `<button class="do-icon-right button"
|
next: `<button class="do-icon-right button"
|
||||||
:css="{'border-radius': props.radius}"
|
:css="{'border-radius': props.radius}"
|
||||||
:attr-disabled="{disabled: currPage >= totalPage}"
|
:attr="{disabled: currPage >= totalPage}"
|
||||||
:data="{to: parseUrl(currPage + 1)}"
|
:data="{to: parseUrl(currPage + 1)}"
|
||||||
:click="setPage(currPage + 1, $event)"></button>`,
|
:click="setPage(currPage + 1, $event)"></button>`,
|
||||||
pager: `<button class="page"
|
pager: `<button class="page"
|
||||||
:repeat="pageList"
|
:repeat="pageList"
|
||||||
:css="{'border-radius': props.radius}"
|
:css="{'border-radius': props.radius}"
|
||||||
:attr-disabled="{disabled: '...' === el || currPage === el}"
|
:attr="{disabled: '...' === el || currPage === el}"
|
||||||
:data="{to: parseUrl(el)}"
|
:data="{to: parseUrl(el)}"
|
||||||
:class="{disabled: '...' === el, curr: currPage === el}"
|
:class="{disabled: '...' === el, curr: currPage === el}"
|
||||||
:text="el"
|
:text="el"
|
||||||
|
|
|
@ -55,7 +55,7 @@
|
||||||
.button[disabled] {cursor:not-allowed;}
|
.button[disabled] {cursor:not-allowed;}
|
||||||
|
|
||||||
.input-box {display:none;}
|
.input-box {display:none;}
|
||||||
.total-box {display:inline-block;padding:0 8px;}
|
.total-box {float:left;display:inline-block;padding:0 8px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.plain {
|
&.plain {
|
||||||
|
|
Reference in New Issue