🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### 导航菜单列表标签 适用范围:全站任意地方均可使用 标签作用:用于调导航菜单栏目列表,对应后台的“基础内容>内容栏目” #### 1、导航菜单列表 ``` {pboot:nav} <a href="[nav:link]">[nav:name]</a> {/pboot:nav} ``` 控制参数: num=\* 数量,非必填,用于控制输出的数量 parent=\* 父菜单编码,用于输出子栏目,默认从一级菜单开始输出,(V3.1.2+)支持传递多个编码 parent={sort:pcode} 可用于输出当前栏目的同级菜单 parent={sort:scode} 可用于输出当前栏目的子菜单 parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单 scode=1,2,3  用于控制输出栏目范围(V3.1.2+) 要注意parent和scode的区别,一个是输出子栏目,一个控制范围 #### 2、可使用的列表标签 <table class="table table-bordered table-light"><tbody><tr class="firstRow"><td>[nav:n]</td><td>序号,从0开始</td></tr><tr><td>[nav:i]</td><td>序号,从1开始</td></tr><tr><td>[nav:pcode]</td><td>父栏目编码</td></tr><tr><td>[nav:scode]</td><td>当前栏目编码</td></tr><tr><td>[nav:name]</td><td>栏目名称</td></tr><tr><td>[nav:subname]</td><td>栏目副名称</td></tr><tr><td>[nav:link]</td><td>栏目链接</td></tr><tr><td>[nav:type]</td><td>栏目类型,1单页、2列表</td></tr><tr><td>[nav:outlink]</td><td>后台设置的跳转链接</td></tr><tr><td>[nav:listtpl]</td><td>列表页模板</td></tr><tr><td>[nav:contenttpl]</td><td>详情页模板</td></tr><tr><td>[nav:ico]</td><td>栏目缩略图</td></tr><tr><td>[nav:pic]</td><td>栏目大图</td></tr><tr><td>[nav:keywords]</td><td>栏目关键字</td></tr><tr><td>[nav:description]</td><td>栏目描述</td></tr><tr><td>[nav:soncount]</td><td>当前栏目子栏目的数量,无子栏目时为0</td></tr><tr><td style="word-break: break-all;">[nav:rows]</td><td style="word-break: break-all;">输出栏目下内容数量(V1.3+)</td></tr><tr><td>[nav:def1]</td><td>栏目描述1(V3.0.6+)</td></tr><tr><td>[nav:def2]</td><td>栏目描述2(V3.0.6+)</td></tr><tr><td>[nav:def3]</td><td>栏目描述3(V3.0.6+)</td></tr></tbody></table> #### 3、常见使用示例 #### 高亮菜单 使用判断语句:`{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}` 首页特殊用法:`{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}`                 #### 菜单嵌套 二级嵌套 ``` {pboot:nav}                      <a href= "[nav:link]">[nav:name]</a>   {pboot:2nav parent=[nav:scode]}     <a href= "[2nav:link]">[2nav:name]</a>   {/pboot:2nav} {/pboot:nav} ``` 三级嵌套 ``` {pboot:nav}                      <a href= "[nav:link]">[nav:name]</a>   {pboot:2nav parent=[nav:scode]}     <a href= "[2nav:link]">[2nav:name]</a>     {pboot:3nav parent=[2nav:scode]}       <a href= "[3nav:link]">[3nav:name]</a>     {/pboot:3nav}   {/pboot:2nav} {/pboot:nav} ``` 如果有更多级别,以此类推,使用数字依层级套用,理论上不限级调用