网站首页CMS建站WEB前端服务器运维站长工具网站模版PS技术office办公阅读周边
当前位置:博客首页 > CMS建站 > DEDECMS >

dedecms如何在文章列表前自动加递增数字序列号标签

个人博客2019-12-30共:1263人围观

网站制作过程中经常会遇到在文章列表里面加数字序号的情况。以前很多时候我们都会直接采用背景图片来实现,但这种方式对于我们来说并不那么满意。

dedecms如何在文章列表前自动加递增数字序列号标签_www.chitianyu.com

其实方法很简单,只需用织梦CMS的[field:global.autoindex/]来给文章列表添加序列号就行了。完整代码如下:

{dede:arclist row="5"  titlelen="30" }
<li><em>[field:global runphp=""yes"" name=autoindex][/field:global]</em><a href="[field:arcurl/]">[field:title/]</a></li>  
{/dede:arclist}

注:有时候使用{dede:channelartlist}标签的时候用autoindex属性是没办法实现的。需要用{dede:global name='itemindex'/}来代替。

延伸:使列表序列号显示不同背景颜色。效果如下:

dedecms如何在文章列表前自动加递增数字序列号标签_www.chitianyu.com

其实这个效果可以用不同的方法来解决。

方法一:现在CSS3以普遍流行,所以可以通过CSS3 :nth-child() 选择器来实现。这里不做具体说明。

方法二:直接上代码如下:

{dede:arclist limit='0,10'  titlelen="30" }
<li><emclass="num_[field:global name=autoindex runphp="yes"](@me<4)? @me="a":@me="b";[/field:global]">[field:global name=autoindex runphp="yes"](@me<10)? @me="0@me":@me="10";[/field:global]</em><a href="[field:arcurl/]">[field:title/]</a></li>  
{/dede:arclist}

代码说明:

解释下上面的语句,autoindex<4 则让autoindex的值返回3 如果autoindex<10 则让autoindex的值返回0autoindex;

如果说你要调用数字非常有规律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一个固定的数值,那么可以这样写@me=“@me”+1 ,其它请自行尝试@me=“@me+1 ”是不对的,那样+1会看作是一个字符串!

另外如果调用条数少于10,就要在后面的@me="0@me":@me="04";[/field:global]中的数字前加0,如04。不然就会变成01、02、03、4。

dedecms运用[field:global.autoindex/]实现数字序号列表就写到这里,上面的案例只能在arclist标签中使用。

哎呦,不错哦!
(0)

推荐阅读

热门排行

Powered By WWW.CHITIANYU.COM

个人博客

备案号:豫ICP备14023112号-3