🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
可以subcat标签实现代码如下: ~~~ <div id="nav"> <ul> <YP:subcat catid="0"> <li{if $r[id]==$bcid} class="on"{/if}><a href="{$r.url}">{$r.catname}</a></li> {if $r['child']==1} <ul><YP:subcat catid="$r[id]" id="res"><li><a href="{$res.url}">{$res.catname}</a></li></YP:subcat></ul>{/if} </YP:subcat> </ul> </div> ~~~ 其中 `{if $r[id]==$bcid} class="on"{/if}` 是判断当前访问的大栏目为高亮显示的。 补充: ~~~ <div id="nav" class="nav"> <ul id="top"> <li id="nav_0"> <a href="/"> <span class="fl"> <img src="../Public/images/nav_{if 0==$bcid}1{else}2{/if}.jpg" alt="{$site_name}" > <!--这地方我用的是判断图片,可以替换成文字,一般导航都是‘首页’--> </span> </a> </li> <YP:subcat catid="0"> <li id="nav_{$r[id]}"{if $r[id]==$bcid} class="on"{/if}> <a href="{$r.url}"><span>{$r.catname}</span></a> {if $r['child']==1} <ul> <YP:subcat catid="$r[id]" id="res"> <li> <a href="{$res.url}"><span {if $res['child']==1} class="fd" {/if}>{$res.catname}</span></a> {if $res['child']==1} <ul style="top: 0px; visibility: visible; left: 167px; width: 167px; display: none; "> <YP:subcat catid="$res[id]" id="rees"> <li><a href="{$rees.url}">{$rees.catname}</a></li> </YP:subcat> </ul> {/if} </li> </YP:subcat> </ul> {/if} </li> </YP:subcat> </ul> </div> ~~~