PHPCMS文章列表图文混排显示

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" h eight= "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" pa ge= "$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_styl e( $r [style])}>{ $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]} 则是判断文章中是否包含有缩略图，其余的代码基本上一致。

转载于:https://www.cnblogs.com/wawa137/p/4998288.html