標簽：navigation

描(miao)述：易(yi)優導(dao)航菜(cai)單標簽，可以循環嵌套標簽。通(tong)常用于獲(huo)取導(dao)航菜(cai)單信息

用法：

 {eyou:navigation position_id='1' currentclass='active'} 

 <li class="{$field.currentclass}"><a href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}</a> </li> 

 {/eyou:navigation}

屬性： 

position_id='' 導航分類ID,獲取某導航分類下全部菜單   (position_id與nav_id,只需傳其中一個值即可)
nav_id='' 菜單(dan)ID,獲取某個(ge)菜單(dan)下的子(zi)菜單(dan)  (position_id與nav_id,只需傳(chuan)其中一個(ge)值即可)   

currentclass='' 應用樣式class類名 

name='' 數(shu)組類(lei)型的變量名（二級(ji)/三級(ji)菜單時用(yong)到） 

empty='' 沒有數據時顯示的文案 id='' 可以任意指定循環里的變量名替代field，假設(she)id='field1'，模板調用如(ru)：{$field.title} 變成 {$field1.title}

涉及表字段： 請查閱易優數據字典，找到表名 ey_nav_list  
-------------------------------效果(guo)展示--------------------------------

1，調用導航頂級菜單
模板調用代碼

{eyou:navigation position_id='1' currentclass='active'} 

<li class="{$field.currentclass}"><a href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}</a> </li>

{/eyou:navigation}

2.當前導航下所有層級菜單
模板調用代碼

{eyou:navigation position_id='1' id='field1' currentclass='active'} // 第一級菜單循環開始 

<li>

<a href="{$field1.nav_url}" title="{$field1.nav_name}" class="{$field1.currentclass}" {$field1.target} {$field1.nofollow}>

{$field1.nav_name}

{eyou:notempty name='$field1.children'}

有子菜單時才(cai)顯(xian)示這里的html代(dai)碼，比如：箭頭、圖(tu)標等

{/eyou:notempty}

</a>

{eyou:notempty name='$field1.children'} // 判(pan)斷是否有(you)子菜單(dan)（第(di)二級菜單(dan)）start

<div>

{eyou:navigation name='$field1.children' id='field2'} //第二級菜單(dan)循環開始

<div>

<a href="{$field2.nav_url}" class="dropdown-item {$field2.currentclass}" {$field2.target} {$field2.nofollow}>{$field2.nav_name}</a>

{eyou:notempty name='$field2.children'} // 判斷是否有(you)子菜(cai)單（第三級菜(cai)單）start

<div class=&quot;dropdown-menu animate">

{eyou:navigation name='$field2.children' id='field3' } //第三級菜單(dan)循環開(kai)始

<a href="{$field3.nav_url}" class="dropdown-item {$field3.currentclass}" {$field3.target} {$field3.nofollow}>{$field3.nav_name}</a>

{/eyou:navigation} //第三級菜單循環結束

</div>

{/eyou:notempty} // 判斷(duan)是否有子菜(cai)單（第三級菜(cai)單）end

</div>

{/eyou:navigation} // 第二(er)級菜(cai)單循環(huan)結束

</div>

{/eyou:notempty} // 判斷是否(fou)有子(zi)菜單（第(di)二級(ji)菜單）end

</li>

 {/eyou:navigation} //第一(yi)級菜(cai)單循環結束

3.當前菜單下子菜單調用
模板調用代碼

{eyou:navigation nav_id='1' currentclass='active'} 

<li class="{$field.currentclass}"><a href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}</a> </li> 

{/eyou:navigation}

4.當前(qian)菜單(dan)下(xia)所有層級菜單(dan)(最高支持調(diao)用兩(liang)級)

{eyou:navigation nav_id='1' id='field1' currentclass='active'} // 第(di)二級菜(cai)單(dan)循環開始

<li>

<a href="{$field1.nav_url}" title="{$field1.nav_name}" class="{$field1.currentclass}" {$field1.target} {$field1.nofollow}>

{$field1.nav_name}

{eyou:notempty name='$field1.children'}

有子菜(cai)單時才顯示這里的html代(dai)碼，比(bi)如：箭頭、圖標等

{/eyou:notempty}

</a>

{eyou:notempty name='$field1.children'} // 判斷是否有子菜單(dan)（第三(san)級菜單(dan)）start

<div>

{eyou:navigation name='$field1.children' id='field2'} //第三(san)級菜單循環開(kai)始

<div>

<;a href="{$field2.nav_url}" class="dropdown-item {$field2.currentclass}" {$field2.target} {$field2.nofollow}>{$field2.nav_name}</a>

</div>

{/eyou:navigation} //第三(san)級菜單循環結(jie)束

</div>

{/eyou:notempty} // 判斷是否有(you)子菜單(dan)（第三級欄目）end

</li>

{/eyou:navigation} //第二級菜單循(xun)環結(jie)束(shu)