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

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

在使用易优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;}

以上就是速优网络和大家分享的"易优cms自增标签循环+1的方法",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：易优cms

上一篇： eyoucms列表下偶数与奇数的判断

下一篇：易优cms详情页输入密码获取阅读权限插件