pbootcms模板排序列表切换-无需二开,通过php代码进行判断即可
点击不同选项实现不同的排序效果,切换上下页依旧是当前排序效果
目前测试可以实现 时间/浏览量/点赞量/随机排序 带缩略图/无缩略图
以下是html代码
01<style> 02.order { 03 font-size: 18px; 04 color: #000; 05 padding: 10px 20px; 06 background: #fff; 07 border-bottom: 1px solid #f1f1f1; 08} 09.order a { 10 height: 30px; 11 line-height: 30px; 12 font-size: 14px; 13 color: #333; 14 margin-right: 10px; 15 padding: 0 15px; 16 display: inline-block; 17 text-align: center; 18 border-radius: 15px; 19 background: #f1f1f1; 20 border: 1px solid #e3e3e3; 21} 22.order a:hover { 23 background: #e1e1e1; 24} 25.order a.active { 26 color: #fff; 27 background: red; 28} 29</style> 30<h3 class="order"> 31 排序:<a href="?id=date" <?php $id=$_GET['id']; if($id === "date") {echo 'class=active';} else {}?>>时间</a> 32 <a href="?id=visits" <?php $id=$_GET['id']; if($id === "visits") {echo 'class=active';} else {}?>>浏览量</a> 33 <a href="?id=likes" <?php $id=$_GET['id']; if($id === "likes") {echo 'class=active';} else {}?>>点赞量</a> 34 <a href="?id=random" <?php $id=$_GET['id']; if($id === "random") {echo 'class=active';} else {}?>>随机</a> 35 <a href="?id=ico" <?php $id=$_GET['id']; if($id === "ico") {echo 'class=active';} else {}?>>带图</a> 36 <a href="?id=noico" <?php $id=$_GET['id']; if($id === "noico") {echo 'class=active';} else {}?>>无图</a> 37</h3> |
PbootCMS列表循环代码
1{pboot:list scode={sort:scode} num=10 page=1 <?php $id=$_GET['id']; if($id === "date") {echo 'order=date';} elseif($id === "visits") {echo 'order=visits';} elseif($id === "likes") {echo 'order=likes';} elseif($id === "random") {echo 'order=random';} elseif($id === "ico") {echo 'isico=1';} elseif($id === "noico") {echo 'isico=0';}?>} 2<li> 3 <a href="[list:link]" title="[list:title]">[list:title]</a> 4</li> 5 6{/pboot:list} |