易優(yōu)cms自增標(biāo)簽循環(huán)+1的方法
2023-02-03
在使用易優(yōu)cms的時(shí)候,經(jīng)常要用到自增數(shù)字的情況,比如a1,a2,a3這樣。比如列表加一個(gè)順序號(hào)什么的,比如前面3位加了數(shù)字,色彩分別不同的情況,在使用tab的時(shí)候,也要判斷是不是第一條數(shù)據(jù),直接上效果。

第一種情況,從1開(kāi)始自增,用{$i},代碼如下:
{eyou:list pagesize ='10' titlelen="40"}
<li><a href="{$field.arcurl}">{$i}</a></li>
{/eyou:list}第二種情況,從0開(kāi)始自增,用{$key},代碼如下:
{eyou:list pagesize ='10' titlelen="40"}
<li><a href="{$field.arcurl}">{$key}</a></li>
{/eyou:list}第三種情況,從1開(kāi)始自增,增加變量,比如key="aa",其它字母也可以,代碼如下:
{eyou:list pagesize ='10' titlelen="40" key="aa"}
<li><a href="{$field.arcurl}">{$aa}</li>
{/eyou:list}也可以同時(shí)一起用的。
{eyou:list pagesize ='10' titlelen="40" key="aa"}
<li><a href="{$field.arcurl}">{$i}-{$key}-{$aa}</a></li>
{/eyou:list}至于有人問(wèn)上面那個(gè)效果前面3個(gè)數(shù)字的色彩如何作到不同呀,一個(gè)簡(jiǎn)單的CSS問(wèn)題而已,我順便貼出來(lái)。
.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;}







