欢迎您光临深圳塔灯网络科技有限公司！
电话图标 余先生：13699882642
SiteServer CMS phpok 织梦 phpcms doyocms destoon JEECMS 云优CMS eyoucms Pageadmin建站系统cms 蝉知cms YZCMS

EYOUCMS如何用channelartlist调用指定的栏目及其列表

发表日期：2018-12 文章编辑：小灯 浏览次数：2757

{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}


类似效果展示



本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户参考了本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://dengtar.com/11310.html
上一篇：EYOU 列表页如何调取产品模型参数 下一篇：易优cms list 判断 每隔2次输出内容
相关cms文章
 八年  行业经验

多一份参考，总有益处

联系深圳网站公司塔灯网络，免费获得网站建设方案及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

业务热线：余经理：13699882642

在线咨询 提交需求

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.