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

{eyou:field name='typename' /}

{eyou:field name='seo_description' /}

? ? ? </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'}

{$field.typename}

? ? ? ? ? ? ? {/eyou:channel}?

? ? ? ? ? ? </ul>

? ? ? ? ? </div>

? ? ? ? ? <div class="tab-body">

? ? ? ? ? {eyou:channel row='4' type='son' mod='4' key='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">

{$field.title}

? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? </div>

?{/eyou:arclist}?

? ? ? ? ? ? ? </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下的子欄目調(diào)用四條?mod='4'循環(huán)判斷4條

第一條li加樣式?{$i}自增變量（1開始）

{/eyou:channel}?

{eyou:channel row='4' type='son' mod='4' key='ki'}?父欄目ID下的子欄目調(diào)用四條?mod='4'循環(huán)判斷4條?key='ki'自定義自增變量（1開始）

{eyou:arclist typeid='$field.typeid' row='8' titlelen='30' }?文章調(diào)用八條

<div class="xm3 xb3 xs6 xl6">

? ? <div class="not-animated"? data-animate="slideInUp" data-delay="100">

? ? ? <div class="pro-item">

{$field.title}

? ? ? </div>

? ? </div>

? </div>

{/eyou:arclist}

?</div>

{/eyou:channel}?

{/eyou:channelartlist}

類似效果展示

轉(zhuǎn)自：https://www.eyoucms.com/help/eyoujq/2890.html