{eyou:channelartlist typeid='6'}
<div id="fh5co-product-list" class="layout">
<div class="bg-product met-index-distance">
<div class="container">
<div class="line">
<div class="x12 text-center fh5co-heading margin-large-bottom">
<h2 class="not-animated" data-animate="fadeInDown" data-delay="200">{eyou:field name='typename' /}</h2>
<span>{eyou:field name='SEO_description' /}</span> </div>
</div>
<div class="line show-content">
<div class="tab" data-toggle="click">
<div class="tab-head text-center">
<ul class="tab-nav">
{eyou:channel row='4' type ='son' mod='4'}
<li {eyou:eq name='$mod' value='1'}class="active"{/eyou:eq}><a href="#tab-product{$i}">{$field.typename}</a></li>
{/eyou:channel}
</ul>
</div>
<div class="tab-body">
{eyou:channel row='4' type='son' mod='4' key='ki'}
<div class="tab-panel {eyou:eq name='$mod' value='1'}active{/eyou:eq}" id="tab-product{$ki}">
<div class="layout">
<div class="line-middle">
{eyou:arclist typeid='$field.typeid' row='8' titlelen='30' }
<div class="xm3 xb3 xs6 xl6">
<div class="not-animated" data-animate="slideInUp" data-delay="100">
<div class="pro-item">
<div class="portfolio-img"><a href="{$field.arcurl}" title="{$field.title}"><img src="{$field.litpic}" alt="{$field.title}"/></a></div>
<h2><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></h2>
</div>
</div>
</div>
{/eyou:arclist} </div>
</div>
</div>
{/eyou:channel}
</div>
</div>
</div>
</div>
</div>
</div>
{/eyou:channelartlist}
{eyou:channelartlist typeid='6'} 指定父栏目ID
{eyou:field name='typename' /} 栏目名称
{eyou:field name='seo_description' /} 栏目描述
{eyou:channel row='4' type ='son' mod='4'}父栏目ID下的子栏目调用四条 mod='4'循环判断4条
<li {eyou:eq name='$mod' value='1'}class="active"{/eyou:eq}><a href="#tab-product{$i}"></a></li> 第一条li加样式 {$i}自增变量(1开始)
{/eyou:channel}
{eyou:channel row='4' type='son' mod='4' key='ki'} 父栏目ID下的子栏目调用四条 mod='4'循环判断4条 key='ki'自定义自增变量(1开始)
<div class="tab-panel {eyou:eq name='$mod' value='1'}active{/eyou:eq}" id="tab-product{$ki}">
{eyou:arclist typeid='$field.typeid' row='8' titlelen='30' } 文章调用八条
<div class="xm3 xb3 xs6 xl6">
<div class="not-animated" data-animate="slideInUp" data-delay="100">
<div class="pro-item">
<div class="portfolio-img"><a href="{$field.arcurl}" title="{$field.title}"><img src="{$field.litpic}" alt="{$field.title}"/></a></div>
<h2><a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a></h2>
</div>
</div>
</div>
{/eyou:arclist}
</div>
{/eyou:channel}
{/eyou:channelartlist}
类似效果展示

类似效果展示

版权声明:本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!
- 相关链接:
上一篇:eyoucms进入后台或者程序出现:Array and string offset access syntax with curly braces is deprecated的解决方法
- 文章标题:
https://www.ezgcms.com/study/375.html
相关安装使用:
- eyoucms代理系统授权插件使用步骤
- 易优搬家简单文字说明教程【eyoucms技巧】
- 文章内容页里面,调用当前文章列表,和当前页面一样的链接高亮
- TAGS标签如何多个用符号隔开输入的临时修改方法【易优教程】
- eyoucms进入后台或者程序出现:Array and string offset access syntax with curly braces is deprecated的解决方法
- 留言本增加验证码的方法eyoucms
- 修改eyoucms后台登录的样式方法
- 备案号连接修改方案【易优教程】
- 如何用channelartlist调用指定的栏目及其列表【eyoucms】
- No input file specified网站无法访问的解决方法
- EYOU 首页如何调取图集模型图片
- eyoucms后台图片上传细节优化
- 易优文章增加其它字段为排序的方法【eyoucms教程】
- 易优后台内容管理增加批量取消审核或者批量审核的方法【eyoucms技巧】
- iis怎么去掉index.php的教程【易优技巧】