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

今天麦站分享下PBOOTCMS分页样式表和代码，欢迎大家学习参考。

pbootcms分页样式1： /*麦 站 网分页样式*/ .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;} }

 

pbootcms分页样式2： {pboot:if({page:rows}>0)} {else} {/pboot:if} /*麦 站 网分页样式*/ .pages{padding: 20px 0;width:100%;text-align: center;clear: both;} .pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;} .pages a:hover{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} .pages span{display:inline-block;color: #666;} .pages a.page-num-current{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} .text-secondary{text-align: center; padding:10px 0}