🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 导航标签 ### 导航标签 | 名称 | 字段 | 调用代码 | | :----:| :----: | :---- | | 导航名称 | name |{$nav.name}| | 导航链接 | url | {$nav.url}| | 导航ICO图 | inico |{$nav.inico}| | 导航封面图 | imgurl |{$nav.imgurl}| | 导航子栏目 | children |{$nav.children} | > 备注: > 调用更多字段,请看栏目标签。 ### 标签参数 | 参数名 | 名称 | 默认 |说明 | | :----:| :----: | :----: | :---- | | id | 栏目ID | 0 | limit='5' 为取5条 | | limit | 显示数量 | 空 | limit='5' 为取5条 空为全部 | | name | 内部调用名 | 必填 | name='vo' | | status | 状态 | 1 | 1启用,0禁用 | | ishidden | 是否隐藏 | 0 | 1是,0否 | ### 示范调用 #### 一级导航 ``` {Kc:nav name='nav' limit='10' ishidden='0' status='1'} <li> <a href="{$nav.url}"> {$nav['name']} </a> </li> {/Kc:nav} ``` #### 二级导航 ``` {Kc:nav name='nav' limit='10' ishidden='0' status='1'} <li {if $nav.children} class="tricon " {/if}> <a href="{$nav.url}"> {$nav['name']} </a> {if $nav.children} <div class="listmenu"> {volist name="$nav.children" id="v"} <a href="{$v.url}"><i>{$v.name} </i></a> {if $v.children} <div class="listmenu"> {volist name="$v.children" id="vs"} <a href="{$vs.url}"><i>{$vs.name} </i></a> {/volist} </div> {/if} {/volist} </div> {/if} </li> {/Kc:nav} ``` #### 三级导航 ``` {Kc:nav name='nav' limit='10' ishidden='0' status='1'} <li {if $nav.children} class="tricon " {/if}> <a href="{$nav.url}"> {$nav['name']} </a> {if $nav.children}二级 <div class="listmenu"> {volist name="$nav.children" id="vos"} <a href="{$vos.url}"><i>{$vos.name} </i></a> {if $vos.children}三级 <div class="listmenu"> {volist name="$vos.children" id="vs"} <a href="{$vs.url}"><i>{$vs.name} </i></a> {/volist} </div> {/if} {/volist} </div> {/if} </li> {/Kc:nav} ```