WonderCSS

DedeCMS列表页面分组显示

在设计列表页时,我们需要改变一下条目显示的方式,以便让列表页更具阅读性。这样就需要改变列表的显示节奏,比如让列表每隔5条就插入一个分割线,看上去像是每5个一组,分组显示。

那么就以每隔5条插入一个分割线如<hr />为例,在列表页(dedecms 织梦模板 的默认列表页名为 list_article.htm)的代码里做改动:


{dede:list pagesize='20' titlelen='80'}
	<div><a href="[field:arcurl/]" >[field:title/]</a></div>
	[field:global.autoindex runphp='yes'] 
	if((@me % 5) == 0){ 
	@me ='<hr />'; 
	} 
	else{ 
	@me = ''; 
	} 
	[/field:global.autoindex]
{/dede:list}

让代码所示在 {dede:list} 的循环中插入一个判断,如果循环了5条那么就写入 <hr /> 否则为空,依据这个判断我们可以配合 CSS 作出更多效果,难道不是么。

By 于湛 发布于 2013.03.4 3,358 次浏览

DedeCMS列表页面分组显示》上有1条评论

  1. Pingback引用通告: 制作DedeCMS模版如何实现列表隔行换背景色 | WonderCSS

发表评论

电子邮件地址不会被公开。 必填项已用*标注