您现在的位置是:首页 > 教程 > dedecms教程dedecms教程

织梦dedecms文章列表分页解决方法和分页标签详解

古驰2023-09-25 10:54:20dedecms教程已有人查阅

导读DEDE改版到5.3-5.5 分页标签,如果做模板的时候CSS样式设置不正确,则会发生错位。功能说明:表示分页页码列表适用范围:列表模板

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>

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

本栏推荐

相关标签