注册 登录 欢迎您到模板精:织梦模板_dede模板_免费网站模板_网站源码下载

织梦教程_免费织梦模板下载_dede模板

该栏目分享织梦建站的基础知识,从织梦CMS的安装,到织梦标签的常规调用,以及织梦的常见问题答疑都有涉及。

当前位置:首页 > 织梦教程 >

织梦文章列表页每隔5行加一条横线

免费网站模板 2020-09-17 10:55 织梦教程 评论


经常在做中发下有些模版的文章列表页是这样的格式,每隔五行就加了一条横线,下面AB模版网就详细说一下如何实现:

我们先还是正常的调用列表页文章,具体如下:


{dede:list pagesize='20'}
 
<li><span class="right">[field:pubdate function='strftime("%Y-%m-%d",@me)'/] </span><a href="[field:arcurl/]">[field:title/]</a></li>
 
{/dede:list}


然后我们在结尾{/dede:list}前面加上我们的横向:[field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class="curr"></li>":@me="";[/field:global]

加上后如下:

 
{dede:list pagesize='20'}
 
<li><span class="right">[field:pubdate function='strftime("%Y-%m-%d",@me)'/] </span><a href="[field:arcurl/]">[field:title/]</a></li>
 
[field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class="curr"></li>":@me="";[/field:global]
 
{/dede:list}

最终的代码是这样的

 
<li><a href="">部分协议供应项通知</a></li>
<li><a href="">部分协议供应项通知</a></li>
<li><a href="">部分协议供应项通知</a></li>
<li><a href="">部分协议供应项通知</a></li>
<li><a href="">部分协议供应项通知</a></li>
<li class='curr'><li>