帝国CMS列表页样式加分隔线的方法

帝国cms模板在制作的时候列表页的调用通常都会用到这样一段代码:

[!--empirenews.listtemp--]
<!--list.var1-->
<!--list.var2-->
<!--list.var3-->
<!--list.var4-->
<!--list.var5-->
[!--empirenews.listtemp--]

这个是代表列表的一个循环,我们可以将这段进行一个改造,比如隔行换色。可以这样来改造:

[!--empirenews.listtemp--]
<li class="a"><!--list.var1--></li>
<li><!--list.var2--></li>
[!--empirenews.listtemp--]

每次显示  的参数改成2,下面的list.var正常写代码,只不过不用带上li的属性,这样程序在循环的时候就会自动的隔行加一个样式。就实现想要的效果了。

或者比如隔5行加一个样式加一个分隔线可以这样写:

[!--empirenews.listtemp--]
<!--list.var1-->
<!--list.var2-->
<!--list.var3-->
<!--list.var4-->
<!--list.var5-->
<li class="line"></li>
[!--empirenews.listtemp--]

这样记得列表上面记得  每次显示  的参数改成 5就可以了。

本文摘自网络,不代表短经典网立场 https://www.duanjingdian.com/422.html

上一篇 2024 年 5 月 11 日
下一篇 2024 年 5 月 12 日

相关推荐