PHPCMS文章列表图文混排在模板制作中是比较常见的，也是许多门户站使用频率较多的，在多数站点中，我们经常会看到在首页调用的一列文章，第一条数据是图片，而第二条以及以后都是正常的图片显示，这里提供两种文章列表的混排方法。
第一种是有规则的文章列表混排,看如下代码:
|
1
2
3
4
5
6
7
8
9
10
11
|
{pc:content action="lists" catid="$catid" num="10" order="id DESC"}{loop $data $n $r}{if $n == 1}<a href="{$r[url]}"><img src="{thumb($r[thumb],160,200)}" width="160" height="200" alt="{$r[title]}"></a>{else}{/if}{if $n == 2,3,4,5}<a href="{$r[url]}">{$r[title]}</a>{else}{/if}{/loop}{/pc} |
通过上面的代码我们可以看出在普通的文章列表里加了一个判断，第一行显示的是图片列表，当然也可以改为图片+文字，而2到5则则是文章列表。
第二种是图文混排列表显示，就是当文章包含有缩略图的时候则图片列表显示，否则则是文章列表显示，代码如下:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
{pc:content action="lists" catid="$catid" num="13" order="id DESC" page="$page"} {loop $data $r} {if $r[thumb]} <dl> <dt><img src="{thumb($r[thumb],248,178)}" height="90" width="120"></dt> <dd style="width:470px; float:left;word-break:break-all;"> <h2><a href="{$r[url]}" target="_blank" {title_style($r<span class="showmore" title="显示隐藏"><span>▼</span></span>)}>{$r[title]}</a></h2> <h5>添加日期：{date(‘Y-m-d H:i:s‘,$r[inputtime])} 发布：{$r[username]} </h5> {str_cut($r[description],220)}</dd> </dl> {else} <dl> <dd> <h2><a href="{$r[url]}" target="_blank" {title_style($r[style])}>{$r[title]}</a></h2> <h5>添加日期：{date(‘Y-m-d H:i:s‘,$r[inputtime])} 发布：{$r[username]} </h5> {str_cut($r[description],500)}...</dd> </dl> {/if} {/loop} <div id="pages">{$pages}</div> {/pc} |
上面的代码中也是图片列表的判断，{if $r[thumb]} 则是判断文章中是否包含有缩略图，其余的代码基本上一致。
