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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
分享一下织梦文章列表分页该如何解决和分页标签的详细解释,希望对你有所帮助
织梦dedecms改版到5.3-5.5 分页标签
   {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
其中会自动生成<li>以及<SPAN>标签,如果做模板的时候CSS样式设置不正确,则会发生错位。
  1. <style>  
  2. .tg_pages{   
  3. padding-top: 10px;   
  4. padding-bottom: 10px;   text-align: center;   
  5. }   
  6. .tg_pages li{   
  7. display: inline;   
  8. line-height: 22px;   
  9. }   
  10. .tg_pages li a{   
  11. margin-right: 5px;   
  12. padding-right: 5px;   
  13. padding-left: 5px;   
  14. padding-top: 3px;   
  15. padding-bottom: 3px;   
  16. border: 1px solid #CCC;   
  17. background-color: #FFF;   
  18. }   
  19. .thisclass {   
  20. font-weight: bold;   
  21. color: #C00;   
  22. }   
  23. </style>  
  24. <div class="tg_pages">  
  25. <ul class="pagelist">  
  26. <li>首页</li>  
  27. <li class="thisclass">1</li>  
  28. <li><a href='list_20_2.html'>2</a></li>  
  29. <li><a href='list_20_3.html'>3</a></li>  
  30. <li><a href='list_20_4.html'>4</a></li>  
  31. <li><a href='list_20_5.html'>5</a></li>  
  32. <li><a href='list_20_6.html'>6</a></li>  
  33. <li><a href='list_20_7.html'>7</a></li>  
  34. <li><a href='list_20_8.html'>8</a></li>  
  35. <li><a href='list_20_9.html'>9</a></li>  
  36. <li><a href='list_20_10.html'>10</a></li>  
  37. <li><a href='list_20_11.html'>11</a></li>  
  38. <li><a href='list_20_2.html'>下一页</a></li>  
  39. <li><a href='list_20_295.html'>末页</a></li>  
  40. <li><span class="pageinfo">共 <strong>295</strong><strong>2944</strong></span></li>  
  41. </ul>  
  42. </div> 
【Pagelist 标记】
功能说明:表示分页页码列表
适用范围:列表模板
(1)语法
{dede:pagelist listsize='3' listitem=''/}
(2)属性 
[1] listsize 表示 [1][2][3] 这些项的长度 x 2
[2] listitem 表示页码样式,可以把下面的值叠加
index  首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框
正确使用
  1. <div class="tg_pages"> 
  2.         <ul> 
  3.           {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/} 
  4.         </ul> 
  5.       </div> 
仅供大家学习参考~

查看更多 DedeCms教程  织梦模板  织梦DedeCms视频教程  织梦dedecms专题

来源:模板无忧//所属分类:DedeCms教程/更新时间:2020-04-16
相关DedeCms教程