自定义导航列表 Navbar

    参数

    参数 参数名称 类型 是否必填 默认值 说明
    var 变量 string 是 自定义变量名，用来存储站点列表
    cid 分类ID int 是
    order 排序方式 string 否 id asc ‘id desc’， ID倒序；’id asc’，ID正序

    调用方法

    1. <ul>
    2.     {shuotuo:navbar var='vo' cid='1' limit='20' order='id asc' /}
    3.         <li class="{$vo.active}"><a href="{$vo.url}">{$vo.name}</a></li>
    4.     {/shuotuo:navbar}
    5. </ul>

    循环内可用字段

    值 名称 调用方法
    id 导航ID {$vo.id}
    pid 导航父级ID {$vo.pid }
    name 导航名称 {$vo.name}
    url 导航地址 {$vo.url}

    可用字段为‘表前缀_navigation’表中的任何字段。 {$vo.active} 的默认值为‘active’ 标记导航高亮，如果你的css样式不是active，可以用{eq name=”vo.active” value=”active”} class=”current” {/eq} 来判断是否有active标记。

    演示代码：带子栏目显示

    1. <ul class="nav navbar-nav">
    2.                         {shuotuo:navbar var="vo" cid="1"}
    3.                         {notempty name="vo.child"}
    4.                         <li class="dropdown dropdown-v1">
    5.                             <a class="{$vo.active}" href="{$vo.url}" class="dropdown-toggle" data-toggle="dropdown">{$vo.name} <span class="fa fa-angle-down"></span></a>
    6.                             <ul class="dropdown-menu">
    7.                                 {volist name="vo.child" id="child"}
    8.                                 {notempty name="child.child"}
    9.                                 <li class="dropdown-parent">
    10.                                     <a href="{$child.url}">{$child.name}</a>
    11.                                     <ul class="dropdown-menu">
    12.                                         {volist name="child.child" id="childchild"}
    13.                                         <li><a href="{$childchild.url}">{$childchild.name}</a></li>
    14.                                         {/volist}
    15.                                     </ul>
    16.                                 </li>
    17.                                 {else /}
    18.                                 <li><a href="{$child.url}">{$child.name}</a></li>
    19.                                 {/notempty}
    20.                                 {/volist}
    21.                             </ul>
    22.                         </li>
    23.                         {else /}
    24.                         <li><a class="{$vo.active}" href="{$vo.url}">{$vo.name}</a></li>
    25.                         {/notempty}
    26.                         {/shuotuo:navbar}