各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > dedecms

DEDE文章列表分页如何解决,以及分页标签详细解释

管理员 2016-02-25
dedecms
84

DEDE改版到5.3-5.5 分页标签

   {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}

其中会自动生成<li>以及<SPAN>标签,如果做模板的时候CSS样式设置不正确,则会发生错位。

<style> 
.tg_pages{  
padding-top: 10px;  
padding-bottom: 10px;   text-align: center;  
}  
.tg_pages li{  
display: inline;  
line-height: 22px;  
}  
.tg_pages li a{  
margin-right: 5px;  
padding-right: 5px;  
padding-left: 5px;  
padding-top: 3px;  
padding-bottom: 3px;  
border: 1px solid #CCC;  
background-color: #FFF;  
}  
.thisclass {  
font-weight: bold;  
color: #C00;  
}  
</style> 
<div class="tg_pages"> 
<ul class="pagelist"> 
<li>首页</li> 
<li class="thisclass">1</li> 
<li><a href='list_20_2.html'>2</a></li> 
<li><a href='list_20_3.html'>3</a></li> 
<li><a href='list_20_4.html'>4</a></li> 
<li><a href='list_20_5.html'>5</a></li> 
<li><a href='list_20_6.html'>6</a></li> 
<li><a href='list_20_7.html'>7</a></li> 
<li><a href='list_20_8.html'>8</a></li> 
<li><a href='list_20_9.html'>9</a></li> 
<li><a href='list_20_10.html'>10</a></li> 
<li><a href='list_20_11.html'>11</a></li> 
<li><a href='list_20_2.html'>下一页</a></li> 
<li><a href='list_20_295.html'>末页</a></li> 
<li><span class="pageinfo">共 <strong>295</strong>页<strong>2944</strong>条</span></li> 
</ul> 
</div>

【Pagelist 标记】
功能说明:表示分页页码列表
适用范围:列表模板

(1)语法
{dede:pagelist listsize='3' listitem=''/}
(2)属性
[1] listsize 表示 [1][2][3] 这些项的长度 x 2
[2] listitem 表示页码样式,可以把下面的值叠加
index  首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框

正确使用

 

 

  <div class="tg_pages">
        <ul>
          {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
        </ul>
      </div>

 
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

扫码关注

qrcode

QQ交谈

回顶部