易优cms自增标签循环+1的方法

2023-02-03

在使用易优cms的时候,经常要用到自增数字的情况,比如a1,a2,a3这样。比如列表加一个顺序号什么的,比如前面3位加了数字,色彩分别不同的情况,在使用tab的时候,也要判断是不是第一条数据,直接上效果。

易优cms自增标签循环+1的方法

第一种情况,从1开始自增,用{$i},代码如下:

{eyou:list pagesize ='10' titlelen="40"}
<li><a href="{$field.arcurl}">{$i}</a></li>
{/eyou:list}

第二种情况,从0开始自增,用{$key},代码如下:

{eyou:list pagesize ='10' titlelen="40"}
<li><a href="{$field.arcurl}">{$key}</a></li>
{/eyou:list}

第三种情况,从1开始自增,增加变量,比如key="aa",其它字母也可以,代码如下:

{eyou:list pagesize ='10' titlelen="40" key="aa"}
<li><a href="{$field.arcurl}">{$aa}</li>
{/eyou:list}

也可以同时一起用的。

{eyou:list pagesize ='10' titlelen="40" key="aa"}
<li><a href="{$field.arcurl}">{$i}-{$key}-{$aa}</a></li>
{/eyou:list}

至于有人问上面那个效果前面3个数字的色彩如何作到不同呀,一个简单的CSS问题而已,我顺便贴出来。

.list-post-order li:nth-of-type(1) span{background:#7B46E8;}
.list-post-order li:nth-of-type(2) span{background:#8B5DEB;}
.list-post-order li:nth-of-type(3) span{background:#9B74EE;}


Tag: 易优cms