File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/comm/page.html
<style type="text/css">
.pagination p{
margin:0;
cursor:pointer
}
.pagination{
height:40px;
padding:20px 0px;
}
.pagination a{
display:block;
float:left;
margin-right:10px;
padding: 0 10px;
height:24px;
border:1px #cccccc solid;
background:#fff;
text-decoration:none;
color:#808080;
font-size:12px;
line-height:24px;
}
.pagination a:hover{
color:#077ee3;
background: white;
border:1px #077ee3 solid;
}
.pagination a.cur{
border:none;
background:#077ee3;
color:#fff;
}
.pagination p{
float: left;
padding: 0 10px;
font-size: 12px;
height: 24px;
line-height: 24px;
color: #bbb;
border: 1px #ccc solid;
background: #fcfcfc;
margin-right: 8px;
}
.pagination p.pageRemark{
border-style: none;
background: none;
margin-right: 0px;
color: #666;
letter-spacing: 2px;
}
.pagination p.pageRemark b{
color:#e66060;
display: inline-block;
margin: 0 2px;
}
.pagination p.pageEllipsis{
border-style:none;
background:none;
padding:4px 0px;
color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
</style>
<!-- 分页 -->
{pboot:if({page:rows}>0)}
<a href='{page:index}' title='首页'>首页</a>
<a href='{page:pre}' title='上一页'>上一页</a>
<a href="" class="cur">{page:current}</a>
<a href='{page:next}' title='下一页'>下一页</a>
<a href='{page:last}' title='尾页'>尾页</a>
<p class='pageRemark'>共<b>{page:count}</b>页<b>
{page:rows}</b>条数据</p>
{else}
<div class="text-center my-5 text-secondary">本分类下无任何数据!</div>
{/pboot:if}