响应式首页产品元组U118

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

 
{eyou:channelartlist typeid='20'}
<div class="pro118">
<div class="con118">
<ul class="list-118 clearfix">
{eyou:arclist row='8' titlelen='30'}
<li> <a href="{$field.arcurl}" title="{$field.title}">
<div class="img118"><img src="{$field.litpic}" alt="{$field.title}"></div>
<p>{$field.title}</p>
</a> </li>
{/eyou:arclist}
</ul>
<a href="{eyou:field%20name='typeurl'%20/}" class="more118">查看详情</a> </div>
</div>
{/eyou:channelartlist} 

CSS样式代码：

]

 

使用说明：

将代码放入对应位置就是可实现演示效果！(加放VIP解锁更多福利)