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

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

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

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

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

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

以下是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="?id=date" >时间   <a href="?id=visits" >浏览量   <a href="?id=likes" >点赞量   <a href="?id=random" >随机   <a href="?id=ico" >带图   <a href="?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号