今天麦站分享下PBOOTCMS分页样式表和代码,欢迎大家学习参考。
pbootcms分页样式1:
03 | <div class= "pagination" > |
05 | {pboot: if ({page:rows}>0)} |
07 | <a class= "page-item" href= "{page:index}" >首页</a> |
09 | <a class= "page-item" href= '{page:pre}' >上一页</a> |
13 | <a class= "page-item" href= '{page:next}' >下一页</a> |
15 | <a class= "page-item" href= '{page:last}' >末页</a> |
27 | .pages{ clear :both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden} |
29 | .pages .pagination {display:inline-block;margin:0 auto;padding:0} |
31 | .pages .pagination .page-item,.pages .pagination .page-num{color: |
33 | .pages .pagination .page-num-current{ background: |
35 | @media only screen and (max-width:768px){ |
37 | .pages .pagination .page-num {display: none;} |
|
pbootcms分页样式2:
01 | {pboot: if ({page:rows}>0)} |
05 | <a href= "{page:pre}" > << </a> |
09 | <a href= "{page:next}" > >> </a> |
11 | <a class= "pagecount" >{page:current}/{page:count}</a> |
17 | <div class= "text-center my-5 text-secondary" >未查询到任何数据!</div> |
25 | .pages{padding: 20px 0;width:100%;text-align: center; clear : both;} |
27 | .pages a,.pages span{color: |
29 | .pages a:hover{display:inline-block;color: |
31 | .pages span{display:inline-block;color: |
33 | .pages a.page-num-current{display:inline-block;color: |
35 | .text-secondary{text-align: center; padding:10px 0} |
|
发表评论
评论列表(0条)