提供海量优质网站模板,静态网页,网站源码,素材资源下载!
承接定制建站、仿站业务,有兴趣加QQ:97465631

CMS教程

分享价值,同步成长

当前位置:首页 > 站长学院 > CMS教程

PbootCMS 常用 if 判断之分页page样式

CMS教程

判断列表页有无内容,无内容返回提示

{pboot:if({page:rows}>0)}

<div class="pagination">

<span>{page:status}</span>

<a class="page-item page-link hidden-sm" href="{page:index}">首页</a>

<a class="page-item page-link" href="{page:pre}">上一页</a>

{page:numbar}

<a class="page-item page-link" href="{page:next}">下一页</a>

<a class="page-item page-link hidden-sm" href="{page:last}">尾页</a>

</div>

{else}

<div class="tac text-secondary">本分类下无任何数据!</div>

{/pboot:if}

分页判断进阶,在第一页时隐藏首页和上一页按钮,在最后一页时隐藏下一页和尾页按钮

{pboot@if({page:rows}>0)}<div class="page"><a href="{page:index}"{pboot:2if('{page:current}'==1)}class="hide"{/pboot:2if}>首页</a>  <!--在第一页时,当前页码‘{page:current}’等于1,添加‘hide’样式,.hide{dispaly:none;}--><a href="{page:pre}"{pboot:2if('{page:current}'==1)}class="hide"{/pboot:2if}>上一页</a>  <!--与上条同理-->{page:numbar}<a href="{page:next}"{pboot:2if('{page:current}'=='{page:count}')}class="hide"{/pboot:2if}>下一页</a>  <!--在最后一页时,当前页码‘{page:current}’等于总页数‘{page:count},’添加‘hide’样式,.hide{dispaly:none;}--><a href="{page:last}"{pboot:2if('{page:current}'=='{page:count}')}class="hide"{/pboot:2if}>尾页</a><!--与上条同理--></div>{else}<div class="page">暂无内容</div>{/pboot@if}

配套的css,可根据需求自行更改

<style type="text/css">

.pagination { display: flex; justify-content: center; margin-top: 10px;}

.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 3px 12px; margin: 0 3px; border-radius: 3px;}

.pagination span { color: #333; font-size: 14px; padding: 3px 2px; margin: 0 3px; border-radius: 3px;}

.pagination a:hover { color: #fff; border: 1px solid #000;background: #000;}

.pagination a.page-num-current { color: #fff; background: #000; border: 1px solid #000;}

</style>



本文标签: PbootCMS常用 if
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

因为行业广泛,很多用户标题中会带一些特殊符号,比如:;之类的,但是不管是后台还是前台的搜索,都无法如果带上某些特殊字符,就无法匹配出结果,那么这种情况下,该怎么处理呢?打开程序,找到coreunctionhelper....
1. 导航高亮{pboot:if(&#39;[nav:scode]&#39;==&#39;{sort:tcode}&#39;)}class="active"{/pboot:if} //用于非首页例:{pboot:nav} <li{pboot:if(&#39;[nav:scode]&#39;==&#39;{sort:tcode}&#39;)}class="active"{/p...
因为客户需求,给客户用PbootCms设置了自定义表单留言到邮箱,本身pbootcms自带了发送邮件提醒功能的,但是留言成功后,留言表土会自带【PbootCms】字样,这个对于很多客户来说就不是很友好,,那么如何把这个标题更...
首先新闻分类调用<ulclass="news-cate"> {pboot:navnum=3parent=7} <li{pboot@if(&#39;[nav:i]&#39;==1)}class="on"{/pboot@if}>[nav:name]</li> {/pboot:nav} </ul>接着对应新闻分类的内容列表调用{pboot:navnum=3p...
判断列表页有无内容,无内容返回提示{pboot@if({page:rows}>0)} <div class="pagination"> <span>{page:status}</span> <a class="page-item page-link hidden-sm" href="{page:index}">首页</a> <a class="page-...
内页头部栏目封面图①(调用顶级栏目的封面和标题){pboot:sort scode={sort:tcode}}<img src="[sort:pic]" alt="[sort:name]">{/pboot:sort}内页头部栏目封面图②(如果当前栏目有封面图就调用当前的,否则调用顶级...

800+精美模板

各类自适应,标准网站

100+行业覆盖

各行各业网站模板,应有尽有

300+组合素材

图文/视频/全景等多种素材

7*24服务

专业客服人员,7*24无休服务

Copyright © 2022 365模板建站 All Rights Reserved. 备案号:沪ICP备18006580号-1