导航标签
# 导航标签
|名称|调用代码|
|-|-|-|
|导航名称|`{$nav.title}`|
|导航副标题|`{$nav.subtitle}`|
|导航封面图|`{$nav.pic}`|
|导航链接|`{$nav.url}`|
|链接新窗口|`{$nav.target}`|
|导航子栏目|`{$nav.child}`|
# 标签参数
|参数名|名称|默认|说明|
|-|-|-|-|
|typeid|类型|`1`|`1`主导航，`2`尾导航，`3`全部|
|limit|显示数量|`10`||
# 示范调用
## 一级导航
```javascript
<yunu:nav typeid="1" limit="100">
<li>
<a href="{$nav.url}" target="{$nav.target}">{$nav.title}</a>
</li>
</yunu:nav>
```
## 二级导航
```javascript
<yunu:nav typeid="1" limit="100">
<li>
<a href="{$nav.url}" target="{$nav.target}">{$nav.title}</a>
<volist name="nav['child']" id="v">
<ul>
<li><a href="{$v.url}">{$v.title}</a></li>
</ul>
</volist>
</li>
</yunu:nav>
```
## 三级导航
```javascript
<yunu:nav typeid="1" limit="100">
<li>
<a href="{$nav.url}">{$nav.title}</a>
<volist name="nav['child']" id="v">
<ul>
<li>
<a href="{$v.url}">{$v.title}</a>
<dl class="nav-sub2">
<volist name="v['child']" id="vv">
<dd><a href="{$vv.url}" class="v3">{$vv.title}</a></dd>
</volist>
</dl>
</li>
</ul>
</volist>
</li>
</yunu:nav>
```
## 导航高亮的调用方法
```javascript
<?php $cateparent = 0;?>
<if condition="$cid">
<yunu:catlist cid="$cid" type="parent">
<?php $cateparent = $catlist['pid'] != 0 ? $catlist['pid'] : $cateparent ;?>
</yunu:catlist>
</if>
<?php $navpid = $cateparent ? $cateparent : $cid;?>
<yunu:nav typeid='1'>
<li <eq name="$nav['id']" value="$navpid">class="on"</eq>>
<i class="arr"></i>
<a href="{$nav.url}">{$nav.title}</a>
<div class="dropdown-box">
<volist name="nav['child']" id="v">
<a href="{$v.url}">{$v.title}</a>
</volist>
</div>
</li>
</yunu:nav>
```