欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」PbootCMS列表排序切换,时间/浏览量/点赞量/随机排序

作者 : 自学哈 本文共874个字,预计阅读时间需要3分钟 2022-09-29 共146人阅读
也想出现在这里? 联系我们

pbootcms模板排序列表切换-无需二开,通过php代码进行判断即可

 

点击不同选项实现不同的排序效果,切换上下页依旧是当前排序效果

 

目前测试可以实现 时间/浏览量/点赞量/随机排序 带缩略图/无缩略图

PbootCMS列表排序切换,时间/浏览量/点赞量/随机排序插图

以下是html代码



.order {
  font-size: 18px;
  color: #000;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
}
.order a {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
  padding: 0 15px;
  display: inline-block;
  text-align: center;
  border-radius: 15px;
  background: #f1f1f1;
  border: 1px solid #e3e3e3;
}
.order a:hover {
  background: #e1e1e1;
}
.order a.active {
  color: #fff;
  background: red;
}

排序:<a href="https://www.bafu.net/16727.html?id=date" >时间 <a href="https://www.bafu.net/16727.html?id=visits" >浏览量 <a href="https://www.bafu.net/16727.html?id=likes" >点赞量 <a href="https://www.bafu.net/16727.html?id=random" >随机 <a href="https://www.bafu.net/16727.html?id=ico" >带图 <a href="https://www.bafu.net/16727.html?id=noico" >无图

PbootCMS列表循环代码

{pboot:list scode={sort:scode} num=10 page=1 }
  • [list:title]
  • {/pboot:list}

    本站声明:
    本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
    自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

    自学哈网 » 「自学哈网」PbootCMS列表排序切换,时间/浏览量/点赞量/随机排序
    也想出现在这里? 联系我们
    © 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号