您的当前位置:SEO培训教程学习网 > 织梦建站教程 > dedecms织梦列表页隔行换样式方法总结

dedecms织梦列表页隔行换样式方法总结

分类: 织梦建站教程 发布时间: 2020-04-12 17:14

每行不同样式示,隔行输出样式的示意图:

 

织梦调用标签

{dede:list pagesize='10'} <a href='[field:arcurl/]'>
        <li  class='[field:ID function='MagicVar("fr","fl")'/]'>
        <img src="[field:litpic/]"><span>[field:title/] </span></li>
        </a> 
        [field:global name=autoindex runphp="yes"]
        if(@me%2==0)@me="<li class='clearlist'></li>";
        else @me="";
        [/field:global]
{/dede:list}

备注:2 代表每隔几行输出的样式

织梦dedecms实现列表页双样式和列表样式循环交替

 {dede:list pagesize='10'}
<div[field:global function=MagicVar("style1","style2")/]>
<ahref="[field:arcurl/]">[field:title/]</a>
</div>

每隔两行输出清除样式

<ul>
        {dede:channel type='son' typeid='1'}
        <li><a href='[field:typeurl/]'>[field:typename/]</a></li>
        [field:global name=autoindex runphp="yes"]
        if(@me%2==0)@me="<div class='clear'></div>";
        else @me="";
        [/field:global]
        {/dede:channel}
</ul>

如果运用channel弄隔行换色,需要自增从1开始,精简写法如下:
 

<div>
  <ul>
  {dede:channel row=6 typeid=''}
  [field:global name=autoindex runphp="yes"]((@me+1) % 2 == 0)?@me="<li class="last">":@me="<li>";[/field:global]
   <h4>[field:title/]</h4>
   </li>
  {/dede:channel}
 </ul>
</div>