pbootcms调用当前栏目文章和分页

pbootcms调用当前栏目文章和分页

{pboot:list num=10 scode={sort:scode} page=0}

<li> <a href="[list:link]">[list:title]</a> </li>

{/pboot:list}

说明:num=10 表示调用10条;如果要使用本循环标签调用当前内容列表,可以使用scode={sort:scode},同时也避免了同一个页面多次调用当前栏目内容时分页冲突问题;page=0表示不开启分页,page=1 表示开启分页;如果不开启分页,则以下内容无效!

pbootcms列表页增加分页条效果

<!–分页 开始–>

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

  <div class="pagebar">

    <div class="pagination">

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

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

      {page:numbar}

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

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

    </div>

  </div>

{else}

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

{/pboot:if}

<!–分页 结束–>

<!–分页样式css 开始–>      

<style type="text/css">

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 14px;

  padding: 8px 12px;

  margin: 0 5px;

  border-radius: 3px;

}

.pagination span {

    color: #333;

    font-size: 14px;

    padding: 8px 2px;

    margin: 0 5px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #FF5F33;

  border: 1px solid #FF5F33;

}

.pagination a.page-num-current {

  color: #fff;

  background: #FF5F33;

  border: 1px solid #FF5F33;

</style>

<!–分页条样式css 结束–>   

分页条效果图

pbootcms调用当前栏目文章和分页

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明:本文系转载自互联网,版权归原作者所有;旨在传递信息,不代表中站源码网的观点和立场。如有侵权,请联系我们删除!qin@ceccz.com

中站源码网-网络情报局 PbootCMS教程与问题 pbootcms调用当前栏目文章和分页 https://web.ceccz.com/cmsjc/pbwt/3443.html

中站网

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议换浏览器下载!
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

 
pbootcms调用当前栏目文章和分页-海报

分享本文封面