PbootCMS 主题模板开发和仿站之导航菜单列表标签调出和样式设置

这里老蒋在修改主题移植至PbootCMS需要用到导航调用标签。这里参考PbootCMS 的文档设置导航，顺带将导航菜单列表标签调出来，这里记录下来以后需要用到的时候直接复制。官方的文档还是比较齐全的，虽然 PbootCMS 作为企业网站交互功能还没有开发，但是基本的企业建站功能还是完全满足的。

1、调用代码样式

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

2、控制参数

num=* 数量，非必填，用于控制输出的数量

parent=* 父菜单编码，非必填，用于控制输出列表的父菜单编码，默认0，即从一级菜单开始输出

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

3、常见标签

4、常见案例

4.1 高亮菜单

使用判断语句：{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}

首页特殊用法：{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}

4.2 二级带单嵌套

{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}

4.3 三级菜单嵌套

{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}

在基础上，我们后面只要修改CSS样式调整即可。

本文出处：老蒋部落 » PbootCMS 主题模板开发和仿站之导航菜单列表标签调出和样式设置 | 欢迎分享（ 公众号：老蒋朋友圈 ）