PHPCMS文章列表图文混排在模板制作中是比较常见的，也是许多门户站使用频率较多的，在多数站点中，我们经常会看到在首页调用的一列文章，第一条数据是图片，而第二条以及以后都是正常的图片显示，这里提供两种文章列表的混排方法。

第一种是有规则的文章列表混排,看如下代码:

{pc:content action="lists" catid="$catid" num="10" order="id DESC"}
{loop $data $n $r}
{if $n == 1}
<a href="{$r&#91;url&#93;}"><img src="{thumb($r&#91;thumb&#93;,160,200)}" width="160" h
eight="200" alt="{$r&#91;title&#93;}"></a>
{else}{/if}
{if $n == 2,3,4,5}
<a href="{$r&#91;url&#93;}">{$r[title]}</a>
{else}{/if}
{/loop}
{/pc}

通过上面的代码我们可以看出在普通的文章列表里加了一个判断，第一行显示的是图片列表，当然也可以改为图片+文字，而2到5则则是文章列表。

第二种是图文混排列表显示，就是当文章包含有缩略图的时候则图片列表显示，否则则是文章列表显示，代码如下:

{pc:content action="lists" catid="$catid" num="13" order="id DESC" pa
ge="$page"}
      {loop $data $r}
      {if $r[thumb]}
      <dl>
        <dt><img src="{thumb($r&#91;thumb&#93;,248,178)}" height="90" width
="120"></dt>
        <dd style="width:470px; float:left;word-break:break-all;">
          <h2><a href="{$r&#91;url&#93;}" target="_blank" {title_style($r&#91;s
tyle&#93;)}>{$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&#91;url&#93;}" target="_blank" {title_styl
e($r&#91;style&#93;)}>{$r[title]}</a></h2>
          <h5>添加日期：{date('Y-m-d H:i:s',$r[inputtim
e])}　发布：{$r[username]}　</h5>
          {str_cut($r[description],500)}...</dd>
      </dl>
      {/if}
      {/loop}
      <div id="pages">{$pages}</div>
      {/pc}

上面的代码中也是图片列表的判断，{if $r[thumb]} 则是判断文章中是否包含有缩略图，其余的代码基本上一致。