Eyoucms模板标签：navigation 导航菜单_易优教程

Eyoucms模板标签：navigation 导航菜单

易优教程 2024-09-26 16:11:28 0次 0 来源：创始人收藏

[基础用法]

标签：navigation描述：易优导航菜单标签，可以循环嵌套标签。通常用于获取导航菜单信息用法： {eyou:navigation position_id='1' currentclass='active'}

href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}<#a>

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

href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}<#a>

{/eyou:navigation}

2.当前导航下所有层级菜单
模板调用代码

{eyou:navigation position_id='1' id='field1' currentclass='active'} // 第一级菜单循环开始

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

{eyou:navigation name='$field1.children' id='field2'} //第二级菜单循环开始

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

{eyou:notempty name='$field2.children'} // 判断是否有子菜单（第三级菜单）start

{/eyou:notempty} // 判断是否有子菜单（第三级菜单）end

{/eyou:navigation} // 第二级菜单循环结束

{/eyou:notempty} // 判断是否有子菜单（第二级菜单）end

{/eyou:navigation} //第一级菜单循环结束

3.当前菜单下子菜单调用
模板调用代码

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

href='{$field.nav_url}' {$field.target} {$field.nofollow}>{$field.nav_name}<#a>

{/eyou:navigation}

4.当前菜单下所有层级菜单(最高支持调用两级)

{eyou:navigation nav_id='1' id='field1' currentclass='active'} // 第二级菜单循环开始

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

{eyou:navigation name='$field1.children' id='field2'} //第三级菜单循环开始

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

{/eyou:navigation} //第三级菜单循环结束

{/eyou:notempty} // 判断是否有子菜单（第三级栏目）end

{/eyou:navigation} //第二级菜单循环结束

Eyoucms模板标签：navigation 导航菜单

相关文档

网友留言

搜索帮助

人气文章

关注我们

关于我们

常见问题

扫一扫手机访问