navigation 导航标签使用

navigation属性列表

代码 名称 备注
template 模版模型 product,picture,news,download, 等自定义支持多个隔开
id 栏目 id 1 多个2,3
pid 栏目 id 1 多个2,3
parent 父栏目ID 12 不支持多个
as $vo 覆值循环

如果同时存在优先级template,id,pid,parent ,都不传全部栏目

标签说明

navigation标签是导航专用,to函数也是导航专业跟jmp功能一样,只是to只需要专递导航值数组进去即可

调用案例

  1. <!-- Fixed navbar -->
  2. <nav id="top_nav" class="navbar navbar-default navbar-static-top">
  3. <div class="container">
  4. <div class="navbar-header">
  5. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  6. <span class="sr-only">Toggle navigation</span>
  7. <span class="icon-bar"></span>
  8. <span class="icon-bar"></span>
  9. <span class="icon-bar"></span>
  10. </button>
  11. <span id="small_search" class="glyphicon glyphicon-search" aria-hidden="true"></span>
  12. <a class="navbar-brand" href="#">导航菜单</a>
  13. </div>
  14. <div id="navbar" class="navbar-collapse collapse">
  15. <ul class="nav navbar-nav">
  16. {navigation as=$vo }
  17. {if isset($vo.data)}
  18. <li class="dropdown">
  19. <a href="{@to($vo)}">{$vo.name}</a>
  20. <a href="{@to($vo)}" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-menu-down btn-xs"></span></a>
  21. <ul class="dropdown-menu nav_small" role="menu">
  22. {foreach $vo.data as $svo }
  23. <li><a href="{@to($svo)}">{$svo.name}</a></li>
  24. {/foreach}
  25. </ul>
  26. </li>
  27. {else}
  28. <li><a href="{@to($vo)}">{$vo.name}</a></li>
  29. {/if}
  30. {/navigation}
  31. </ul>
  32. </div>
  33. <!--/.nav-collapse -->
  34. </div>
  35. </nav>

调用案例二

  1. {navigation as=$vo }
  2. {if isset($vo.data)}
  3. <li class="{@navactive($vo,__URL_NAME__,'active')}">
  4. <a class="nav-yi" href="{@to($vo)}">{$vo.name}</a>
  5. <div class="nav-er-box relative">
  6. <div class="nav-tap">
  7. {foreach $vo.data as $svo }
  8. <div class="nav-er-list {@navactive($svo,__URL_NAME__)}">
  9. <a class="nav-er" href="{@to($svo)}">{$svo.name}</a>
  10. </div>
  11. {/foreach}
  12. </div>
  13. </div>
  14. </li>
  15. {else}
  16. <li class="{@navactive($vo,__URL_NAME__)}">
  17. <a class="nav-yi" href="{@to($vo)}">{$vo.name}</a>
  18. </li>
  19. {/if}
  20. {/navigation}

navactive 函数说明

navactive该函数被选热点 navactive(导航数组,当前页面URL名称,通过返回clsss名称)

该函数用选中热点,最多支持3级判断返还.
调用方法:{@navactive($vo,__URLNAME__ ,’active’)}

友情连接: 论文查重 SitemapXMlL BSPHP验证系统
Copyright cms 2024 HDSysCms免费企业建站系统 ·  HDSysCms免费企业建站系统 HdSysCms 网站地图 Tage标签