前面我們已經給大家分享過許多phpcms實用的技巧,今天小編再來分享一下怎么實現列表或者頻道頁文章有縮略圖就顯示縮略圖、沒有的話就顯示日期的辦法,希望對大家有幫助呢!
實現起來很簡單,我們知道thumb字段是存儲縮略圖的,然后我們加個判斷就可以了,我們看代碼吧!
用于列表頁
{pc:content action="lists" catid="$catid" num="12" order="inputtime DESC" page="$page"}
{loop $data $r}
<div class="row lists marginbottom30">
<div class="col-xs-4">
{if $r[thumb]}
<div class="thumb"><a href="{$r[url]}" target="_blank"><img src="{$r[thumb]}" alt="{$r['title']}" title="{$r['title']}" width="100%" class="img-responsive center-block"></a></div>
{else}
<div class="times text-center">
<span class="f30 cdbai bold">{date('d',$r[inputtime])}</span><span class="f12">{date('Y',$r[inputtime])}年{date('m',$r[inputtime])}月</span>
</div>
{/if}
</div>
<div class="col-xs-8">
<h3><a href="{$r[url]}" target="_blank"{title_style($r[style])}title="{$r[title]}">{$r[title]}</a></h3>
<p class="text-muted">{$r[description]}</p>
</div>
</div>
{/loop}
<div class="row pages f13">
<div class="col-xs-12">{$pages}</div>
</div>
{/pc}
用于頻道頁
{pc:content action="lists" catid="$catid" num="12" order="inputtime DESC"}
{loop $data $r}
<div class="row lists marginbottom30">
<div class="col-xs-4">
{if $r[thumb]}
<div class="thumb"><a href="{$r[url]}" target="_blank"><img src="{$r[thumb]}" alt="{$r['title']}" title="{$r['title']}" width="100%" class="img-responsive center-block"></a></div>
{else}
<div class="times text-center">
<span class="f30 cdbai bold">{date('d',$r[inputtime])}</span><span class="f12">{date('Y',$r[inputtime])}年{date('m',$r[inputtime])}月</span>
</div>
{/if}
</div>
<div class="col-xs-8">
<h3><a href="{$r[url]}" target="_blank"{title_style($r[style])}title="{$r[title]}">{$r[title]}</a></h3>
<p class="text-muted">{$r[description]}</p>
</div>
</div>
{/loop}
{/pc}
效果如下: