pbootcms栏目（导航、菜单）的用法及案例

1. 导航高亮

1. <li {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}><a href='{pboot:sitedomain}/'>首页</a></li>
   
2. {pboot:nav}
   
3. <li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a>
   
4.   {pboot:if([nav:soncount]>0)}
   
5.   <ul>
   
6.         {pboot:2nav parent=[nav:scode]}
   
7.         <a href="[2nav:link]">[2nav:name]</a>
   
8.         {/pboot:2nav}
   
9.   </ul>
   
10.   {/pboot:if}
    
11. </li>
    
12. {/pboot:nav}

复制代码

2、判断有无子栏目

1. {pboot:if([nav:soncount]>0)}…{/pboot:if}

复制代码

例1：二级栏目循环判断

1. {pboot:nav}
   
2. <li><a href="[nav:link]">[nav:name]</a> //一级菜单循环
   
3. {pboot:if([nav:soncount]>0)}  <//当有子菜单时显示div
   
4. <div>
   
5. {pboot:2nav parent=[nav:scode]}
   
6. <a href="[2nav:link]">[2nav:name]</a> //二级菜单循环
   
7. {/pboot:2nav}
   
8. </div>
   
9. {/pboot:if}
   
10. </li>
    
11. {/pboot:nav}

复制代码

例2：判断是否链接赋值

1. {pboot:nav}
   
2. <li><a {pboot:if([nav:soncount]>0)} href="javascript:;" {else} href="[nav:link]" {/pboot:if}>[nav:name]</a></li>
   
3. //无子菜单时显示正常链接，有子菜单时为空连接，用于手机端点击菜单滑出子菜单情况。
   
4. {/pboot:nav}

复制代码

3. 判断内页子栏目高亮

1. {pboot:if(’[nav:scode]’==’{sort:scode}’)}class=“active”{/pboot:if}
   
2. 
   
3. //例：
   
4. {pboot:nav parent={sort:tcode}}
   
5. <li {pboot:if('[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
   
6. {/pboot:nav}

复制代码

4、判断导航从第几个开始

1. {{pboot:if(’[nav:i]’>‘2’)}……{/pboot:if} //从第二个开始
   
2. 例：
   
3. {pboot:nav}
   
4. {pboot:if('[nav:i]'>'2')}
   
5. <li><a href="[nav:link]">[nav:name]</a></li>
   
6. {/pboot:if}
   
7. {/pboot:nav}

复制代码

5、隐藏指定 scode 的栏目

1. {pboot:if([nav:scode]==2||[nav:scode]==4)}style=“display: none;”{/pboot:if} //隐藏 scode 为 2，4 的栏目
   
2. 例：
   
3. {pboot:nav}           
   
4. <li {pboot:if([nav:scode]==2 || [nav:scode]==4)}style="display: none;"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
   
5. {/pboot:nav}

复制代码

6、判断当前顶级分类是否有子分类，如果没有判断隐藏

1. {pboot:if('{pboot:nav num=1 parent={sort:tcode}}[nav:name]{/pboot:nav}'=='')}style="display:none;"{/pboot:if}

复制代码

7、导航栏logo居中显示判断

1. {pboot:nav}
   
2. <a href="[nav:link]">[nav:name]</a>{pboot:if([nav:i]==3)}<img src="{pboot:sitelogo}">{/pboot:if}
   
3. {/pboot:nav}

复制代码