Authored by zhangxiaoru

list

... ... @@ -14,14 +14,22 @@
</label>
<label class="page-info"><span class="cur-page">{{page}}</span>/<span class="total-page">{{pageTotal}}</span></label>
{{#isEqual page 1}}
<span class="iconfont page disable page-pre">&#xe607;</span>
<div class="page disable page-pre">
<span class="iconfont">&#xe607;</span>
</div>
{{^}}
<span class="iconfont page page-pre">&#xe607;</span>
<div class="page page-pre">
<span class="iconfont ">&#xe607;</span>
</div>
{{/isEqual}}
{{#isEqual page pageTotal}}
<span class="iconfont page disable page-next">&#xe61e;</span>
<div class="page disable page-next">
<span class="iconfont">&#xe61e;</span>
</div>
{{^}}
<span class="iconfont page page-next">&#xe61e;</span>
<div class="page page-next">
<span class="iconfont">&#xe61e;</span>
</div>
{{/isEqual}}
</div>
{{/paginationData}}
... ...
... ... @@ -67,16 +67,21 @@
.page {
color: #1b1b1b;
font-weight: 700;
border: 2px solid #1b1b1b;
width: 24px;
height: 24px;
line-height: 24px;
display: inline-block;
font-size: 14px;
text-align: center;
margin-right: 8px;
cursor: pointer;
span {
font-weight: 700;
font-size: 14px;
display: block;
position: relative;
line-height: 20px;
text-align: center;
}
}
.page.disable {
... ... @@ -85,11 +90,15 @@
}
.page.page-next {
line-height: 20px;
span {
top: -1px;
}
}
.page.page-pre {
line-height: 20px;
span {
left: -1px;
}
}
}
}
... ...