dedecms列表页有缩略图显示图文列表没有则文字列表

天外飘仙

首先看下效果图吧

或者你可以进入跟版网列表页查看效果，整体思路其实就是利用dedecms的[field:array runphp='yes']这个标签的@me包含了需要的所有标签，这样就可以通过@me["litpic"]来判断文章是否有缩略图，进而分两种形式输出列表html，即有缩略图的和没有缩略图的
具体代码如下：

1. <style&#160;type="text/css">
   
2. .arcList&#160;.itemMod{&#160;border-bottom:dashed&#160;1px&#160;#ccc;&#160;margin-bottom:15px;&#160;padding-bottom:15px;}
   
3. .arcList&#160;.imgListItem{&#160;height:130px;&#160;padding-left:215px;&#160;position:relative;}
   
4. .arcList&#160;.img{&#160;left:0;&#160;position:absolute;&#160;top:0;}
   
5. .arcList&#160;.arcTit{&#160;font-family:Microsoft&#160;Yahei;&#160;font-size:16px;&#160;font-weight:700;}
   
6. .arcList&#160;.attrs{&#160;height:22px;&#160;line-height:22px;&#160;margin:10px&#160;0;}
   
7. .arcList&#160;.click{&#160;margin-left:50%;}
   
8. .arcList&#160;.infos{&#160;color:#666;&#160;font-size:12px;&#160;margin:0;}
   
9. </style>
   
10. <div&#160;class="arcList">
    
11. &#160;&#160;&#160;&#160;{dede:list&#160;pagesize='10'}
    
12. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;[field:array&#160;runphp='yes']
    
13. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if(empty(@me["litpic"])&#160;||&#160;preg_match('/defaultpic/',&#160;@me["litpic"])){
    
14. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;@me&#160;=&#160;'<div&#160;class="itemMod&#160;txtListItem"><div&#160;class="text"><div&#160;class="arcTit"><a&#160;class="t"&#160;href="'.@me["arcurl"].'">'.@me["fulltitle"].'</a></div><p&#160;class="attrs">'.GetDateTimeMK(@me["pubdate"]).'<span&#160;class="click"><span>点击：</span>'.@me["click"].'</span></p><p&#160;class="infos">'.@me["infos"].'&#160;...&#160;<a&#160;class="fc_orange"&#160;href="'.@me["arcurl"].'"&#160;title="'.@me["fulltitle"].'">[全文]</a></p></div></div>';
    
15. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}
    
16. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;else{
    
17. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;@me&#160;=&#160;'<div&#160;class="itemMod&#160;imgListItem"><a&#160;class="img"&#160;href="'.@me["arcurl"].'"><img&#160;class="lazy"&#160;src="'.@me["litpic"].'"&#160;width="200"&#160;height="130"&#160;alt="'.@me["fulltitle"].'"&#160;/></a><div&#160;class="text"><div&#160;class="arcTit"><a&#160;class="t"&#160;href="'.@me["arcurl"].'">'.@me["fulltitle"].'</a></div><p&#160;class="attrs">'.GetDateTimeMK(@me["pubdate"]).'<span&#160;class="click">点击：'.@me["click"].'</span></p><p&#160;class="infos">'.@me["infos"].'&#160;...&#160;<a&#160;class="fc_orange"&#160;href="'.@me["arcurl"].'"&#160;title="'.@me["fulltitle"].'">[全文]</a></p></div></div>';
    
18. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}
    
19. &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;[/field:array]
    
20. &#160;&#160;&#160;&#160;{/dede:list}
    
21. </div>

复制代码

可有可无的代码解析：
先说下样式吧，如果阁下会css完全可以根据自己的需求来定制样式，
if(empty(@me["litpic"]) || preg_match('/defaultpic/', @me["litpic"]))
这段代码就是判断是否有缩略图的，通过判断后下面就是分两种情况输出了，其实都很简单，这里说下调用字段数据，象平时都是用[field:fulltitle/]，这里就要改成@me["fulltitle"]，另外还有一点就是php语法的问题,细心的朋友可能已经发现了'.@me["fulltitle"].'两边都有.'，也就是说@me["xxx"]是变量