代理加盟

2023全新代理计划,一站式模板建站,铜牌代理低至699元送终身VIP,独立代理后台,自营贴牌。

您现在的位置: 麦站网 > PBoot教程 > 使用教程 >

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

来源:本站原创 发布时间:2022-12-12 14:15:30热度:839 ℃我要评论(0

麦站模板建站平台(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!超过1000套模板已登记版权,合规合法建站,规避版权风险!【点击获取方案】

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

pbootcms分页样式1:

01<div class="pages">
02 
03     <div class="pagination">
04 
05     {pboot:if({page:rows}>0)}
06 
07     <a class="page-item" href="{page:index}">首页</a>
08 
09     <a class="page-item"href='{page:pre}'>上一页</a>
10 
11    {page:numbar}
12 
13     <a class="page-item" href='{page:next}'>下一页</a>
14 
15     <a class="page-item" href='{page:last}'>末页</a>
16 
17    {/pboot:if}
18 
19   </div>
20 
21 </div>
22 
23 
24 
25/*麦 站 网分页样式*/
26 
27.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
28 
29.pages .pagination {display:inline-block;margin:0 auto;padding:0}
30 
31.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;}
32 
33.pages .pagination .page-num-current{ background:#12b34a; color:#fff; border:#12b34a 1px solid}
34 
35@media only screen and (max-width:768px){
36 
37.pages .pagination .page-num {display: none;}
38 
39}

 

pbootcms分页样式2:

01{pboot:if({page:rows}>0)}
02 
03<div class="pages">
04 
05<a href="{page:pre}"> << </a>
06 
07{page:numbar}
08 
09<a href="{page:next}"> >> </a>
10 
11<a class="pagecount">{page:current}/{page:count}</a>
12 
13</div>
14 
15{else}
16 
17<div class="text-center my-5 text-secondary">未查询到任何数据!</div>
18 
19{/pboot:if}
20 
21 
22 
23/*麦 站 网分页样式*/
24 
25.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
26 
27.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;}
28 
29.pages a:hover{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
30 
31.pages span{display:inline-block;color: #666;}
32 
33.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);}
34 
35.text-secondary{text-align: center; padding:10px 0}

 

    转载请注明来源网址:https://www.xiuzhanwang.com/pbootcms_sy/5169.html

    发表评论

    评论列表(0条)

       
      QQ在线咨询
      VIP限时特惠