navigation 导航菜单
标签:navigation
描述:易优导航菜单标签,可以循环嵌套标签。通常用于获取导航菜单信息
用法:
{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=” 菜单ID
获取某个菜单下的子菜单 (position_id与nav_id,只需传其中一个值即可)
currentclass=” 应用样式class类名
name=” 数组类型的变量名(二级/三级菜单时用到)
empty=” 没有数据时显示的文案
id=” 可以任意指定循环里的变量名替代field,假设id=’field1’,模板调用如:{$field.title} 变成 {$field1.title}
涉及表字段: 请查阅易优数据字典,找到表名 ey_nav_list
——————————-效果展示——————————–
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’}
有子菜单时才显示这里的html代码,比如:箭头、图标等
{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判断是否有子菜单(第二级菜单)start
<div>
{eyou:navigation name=’$field1.children’ id=’field2′} //第二级菜单循环开始
<div>
<a href=”{$field2.nav_url}” class=”dropdown-item {$field2.currentclass}” {$field2.target} {$field2.nofollow}>{$field2.nav_name}</a>
{eyou:notempty name=’$field2.children’} // 判断是否有子菜单(第三级菜单)start
<div class=”dropdown-menu animate”>
{eyou:navigation name=’$field2.children’ id=’field3′ } //第三级菜单循环开始
<a href=”{$field3.nav_url}” class=”dropdown-item {$field3.currentclass}” {$field3.target} {$field3.nofollow}>{$field3.nav_name}</a>
{/eyou:navigation} //第三级菜单循环结束
</div>
{/eyou:notempty} // 判断是否有子菜单(第三级菜单)end
</div>
{/eyou:navigation} // 第二级菜单循环结束
</div>
{/eyou:notempty} // 判断是否有子菜单(第二级菜单)end
</li>
{/eyou:navigation} //第一级菜单循环结束
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.当前菜单下所有层级菜单(最高支持调用两级)
{eyou:navigation nav_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’}
有子菜单时才显示这里的html代码,比如:箭头、图标等
{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判断是否有子菜单(第三级菜单)start
<div>
{eyou:navigation name=’$field1.children’ id=’field2′} //第三级菜单循环开始
<div>
<a href=”{$field2.nav_url}” class=”dropdown-item {$field2.currentclass}” {$field2.target} {$field2.nofollow}>{$field2.nav_name}</a>
</div>
{/eyou:navigation} //第三级菜单循环结束
</div>
{/eyou:notempty} // 判断是否有子菜单(第三级栏目)end
</li>
{/eyou:navigation} //第二级菜单循环结束