帝国cms隔色换色列表页样式加分隔线实现方法教程

MoBan5源码 | 2019-08-14 18:11:21 |
这个方法是可以用在给程序加样式,比如隔行换色还有加分隔线等样式上面,非常简单用帝国默认的代码就可以实现,不用改动系统本身也不用另外加函数.

大家都知道帝国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就可以了。

挺简单的一个小改造,以上就是帝国cms隔色换色列表页样式加分隔线实现方法教程了。