首页 > 教程 >

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

2023-03-03教程围观

简介织梦dedecms改版到5.3-5.5分页标签{dede:pagelistlistitem="info,index,end,pre,next,pageno"listsize="5"/}其中会自动生成以及标签,如果做模板的时候CSS样式设置不正确,则会发生错位。.tg_pages{padding-top:10px;padding-bottom:10px;text-align:center;}.tg_

  
织梦dedecms改版到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>

下载链接:网站源码/小程序源码/网站模板下载

Tags: 织梦 如何 文章 列表 详细