子导航标签用于生成前台导航的子导航,相关的有三个标签`subNavigation`,`subNavigationMenu`,`subNavigationFolder`,三个必须联合使用
## subNavigation标签
| 标签名 | 作用 | 包含属性 |
| --- | --- | --- |
| subNavigation | 导航标签 | parent,root,id,class |
标签属性:
| 标签属性名 | 含义 |
| --- | --- |
| parent |某个前台导航菜单id,必须 |
| root |生成导航根节点的标签名,默认为 ul,如果为空字符串表示根节点自己创建 |
| id |生成导航根节点的 dom 属性 id ,root 不为空时有效 |
| class |生成导航根节点的 dom 属性 class,root 不为空时有效 |
## subNavigationMenu标签
| 标签名 | 作用 | 包含属性 |
| --- | --- | --- |
| subNavigationMenu | 导航菜单标签 | root,class|
标签属性:
| 标签属性名 | 含义 |
| --- | --- |
| root |生成导航菜单根节点的标签名,默认为 li |
| class |生成导航菜单根节点的 dom 属性 class |
## subNavigationFolder标签
| 标签名 | 作用 | 包含属性 |
| --- | --- | --- |
| subNavigationFolder | 导航菜单标签(包含子菜单) | root,class,dropdown,dropdown-class |
标签属性:
| 标签属性名 | 含义 |
| --- | --- |
| root |生成导航菜单根节点的标签名,默认为 li |
| class |生成导航菜单根节点的 dom 属性 class ,默认为dropdown |
| dropdown |生成导航菜单下拉菜单根节点的标签名 ,默认为 ul |
| dropdown-class |生成导航菜单下拉菜单根节点的 dom 属性 class,默认为 dropdown-menu|
* * * * *
## 几个常见的官方demo
> 创建一个的子导航
```
<php>
$parent_nav_menu_id=6;
</php>
<subNavigation parent="$parent_nav_menu_id" root="ul" id="main-navigation" class="nav navbar-nav navbar-nav-custom">
<subNavigationMenu root="li" class="menu-item">
<a href="{$menu.href|default=''}" target="{$menu.target|default=''}">{$menu.name|default=''}</a>
</subNavigationMenu>
<subNavigationFolder root="li" class="dropdown dropdown-custom" dropdown="ul" dropdown-class="dropdown-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
{$menu.name|default=''}<span class="caret"></span>
</a>
</subNavigationFolder>
</subNavigation>
```