易优cms自增标签循环+1的方法
2023-02-03
在使用易优cms的时候,经常要用到自增数字的情况,比如a1,a2,a3这样。比如列表加一个顺序号什么的,比如前面3位加了数字,色彩分别不同的情况,在使用tab的时候,也要判断是不是第一条数据,直接上效果。
第一种情况,从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;}