首页产品展示列表U109

 

HTML代码已调好易优标签，要BP标签自己改一下大同小异:

 
{eyou:channelartlist typeid='20'}
<div class="ey_pro109">
<div class="box109">
<div class="pro_box109">
<div class="title"><a href="{eyou:field%20name='typeurl'%20/}">查看更多 +</a> <strong>{eyou:field name='typename' /}</strong> </div>
<ul>
{eyou:arclist typeid='$field.typeid' limit='0,4' titlelen='18'}
<li><a href="{$field.arcurl}" title="{$field.title}" class="pic"><img src="{$field.litpic}" alt="{$field.title}"></a><a href="{$field.arcurl}" title="{$field.title}" class="t">{$field.title}</a></li>
{/eyou:arclist}
</ul>
</div>
<div class="pro_box109">
<ul>
{eyou:arclist typeid='$field.typeid' limit='4,8' titlelen='18'}
<li><a href="{$field.arcurl}" title="{$field.title}" class="pic"><img src="{$field.litpic}" alt="{$field.title}"></a><a href="{$field.arcurl}" title="{$field.title}" class="t">{$field.title}</a></li>
{/eyou:arclist}
</ul>
</div>
</div>
</div>
{/eyou:channelartlist}

CSS样式代码：

 

使用说明：

将代码放入对应位置就是可实现演示效果！