phpcms列表显示图片

文章描述:

phpcms列表显示缩略图片

模板

代码替换:

{pc:content action="lists" catid="$catid" num="5" order="id DESC" page="$page"}
        <ul class="list lh24 f14">
            {loop $data $r}
            <li class="item">

                <div class="lf">
                    <div class="thumb lf">
                        <a href="{$r[url]}" title="catid={$r[catid]}" target="_blank"{title_style($r[style])}>
                        {if $r[thumb]}
                        <img src="{$r[thumb]}" class="img"/>
                        {else}

                        {/if}
                        </a>
                    </div>

                    <div class="title lf">
                        ·<a href="{$r[url]}" title="catid={$r[catid]}" target="_blank"{title_style($r[style])}>{$r[title]}</a>
                    </div>
                </div>
                <span class="rt">{date('Y-m-d H:i:s',$r[inputtime])}</span></li>
            {if $n%5==0}<li class="bk20 hr"></li>{/if}
            {/loop}
        </ul>
        <div id="pages" class="text-c">{$pages}</div>
{/pc}

样式

在header.html新增

<link href="{CSS_PATH}style.css" rel="stylesheet" type="text/css" />

style.css

.item{ overflow: hidden; padding: 10px 0; border-bottom: 1px solid #eee; }
.item .thumb .img{width: 35px;}
.item .title{margin-top: 5px; }

 

发布时间:2021/12/23

发表评论