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样式调整即可。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！