pbootcms模板列表分页代码及样式

pbootcms分页样式：

<div class="pages">
 
     <div class="pagination">
 
     {pboot:if({page:rows}>0)}
 
     <a class="page-item" href="{page:index}">首页</a>
 
     <a class="page-item"href='{page:pre}'>上一页</a>
 
    {page:numbar}
 
     <a class="page-item" href='{page:next}'>下一页</a>
 
     <a class="page-item" href='{page:last}'>末页</a>
 
    {/pboot:if}
 
   </div>
 
 </div>

 网分页样式

.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
 
.pages .pagination {display:inline-block;margin:0 auto;padding:0}
 
.pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 3px 14px; display:block; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;}
 
.pages .pagination .page-num-current{ background:#12b34a; color:#fff; border:#12b34a 1px solid}

 /*针对手机端样式调整*/
@media only screen and (max-width:768px){
 
.pages .pagination .page-num {display: none;}
 
}