xunruicms
导航

Pbootcms教程

使用PbootCMS导航菜单-导航菜单教程

使用PbootCMS导航菜单-导航菜单教程

实现多级菜单

通常默认导航是这样写的

{pboot:nav num=10 parent=0}
    nav:name
{/pboot:nav}

默认导航示例

PbootCMS导航菜单-导航菜单的使用教程

添加二次导航时，可参考官网添加。

然后添加if判断，即使用此参数 nav:soncount 当它大于0时，它会触发循环，以避免无二次菜单中的空白
 

{pboot:nav num=10 parent=0}
    [nav:name]
    {pboot:if([nav:soncount]>0)}
 {pboot:2nav parent=[nav:scode]}
            [2nav:name]
 {/pboot:2nav}
    {/pboot:if}
{/pboot:nav}

具体写法如下图所示，三级嵌套操作基本相似



菜单亮点显示

菜单亮点显示需要使用Pboot官方判断句，并添加到当前菜单中 active 选择器，然后给他写一个样式

<li class="nav-item dropdown {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}" >
a标签放在里面
<li>



实现中英文菜单

<li class="nav-item {pboot:if('{pboot:sitelanguage}'=='cn')} display-none {/pboot:if} {pboot:if(0=='{sort:scode}')}active{/pboot:if}">
 <a class="nav-link" href="{pboot:sitepath}/" ><i class="fa fa-home"></i> HOME</a>
 </li>
 <li class="nav-item {pboot:if('{pboot:sitelanguage}'=='en')} display-none {/pboot:if} {pboot:if(0=='{sort:scode}')}active{/pboot:if}">
 <a class="nav-link" href="{pboot:sitepath}/" ><i class="fa fa-home"></i> 首页</a>
 </li>


需要添加上述代码 display-none: none; 风格在风格表中，当页面是相应的语言时，不同的导航显示

复用导航也以类似的方式实现，代码截图如下

如果有新的用法，暂时更新这部分教程，然后添加