易優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;}