一站式百度SEO排名优化!-找老刘博客 低投入,高转化,精益求精、一丝不苟:旨在提供更好的SEO服务!

首页>>前端开发

织梦CMS列表页的分页代码补充说明

首页 2019-06-21 前端开发 1392 ℃Tags: 织梦cms dede 分页样式代码


织梦列表页的分页代码补充

PS:又遇到德德织梦的问题,织梦cms真是强大啊,简直无处不在,好了直入正题,有个网站列表页的分页没有写,这次给补全,结果如下:

1.png

代码如下:

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


这里listsize的说明:

listsize显示的可点击分页数目为 listsize*2+1。

例如: {dede:pagelist listsize='1'/},显示: 首页 1 2 3 下一页 末页

 {dede:pagelist listsize='2'/},显示: 首页 1 2 3 4 5 下一页 末页 

{dede:pagelist listsize='3'/},显示: 首页 1 2 3 4 5 6 7 下一页 末页


css样式也贴出来:

/*列表页分页 */
.mainPage { margin:20px 0;} 
.mainPage ul{width: 680px;height: 32px;display:block; margin:0 auto;} 
.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; 
                  padding: 0 10px;color:#000;font-size:15px; 
                  margin: 0 5px; border:1px solid #dedede; font-size:16px;} 
.mainPage ul li a{color:#000;font-size:16px; } 
.mainPage ul li.thisclass{background:#09f;border:1px solid #218EC1;color:#fff; font-size:16px;} 
.mainPage ul li.thisclass a{color:#fff;} 
.mainPage ul li a:hover, a:focus { color: hsl(209, 93%, 48%); text-decoration: none; }


也可以在其中加入省略号,更改其他颜色样式等等,这里只简单记录一种用法,作为抛砖引玉的作用。

搜索
分类
热门标签
  • 首页
  • 电话
  • QQ
  • 联系老刘手机
    1043025812
    联系老刘微信
    扫描微信二维码