后台「菜单」配置后,前台布局用树形变量输出多级导航。

变量

  • $header_tree:头部导航
  • $footer_tree:底部导航

单项字段

字段说明
title菜单名称
href链接
target_self / _blank
children子菜单数组

示例(摘自默认布局)

{volist name="header_tree" id="m"}
<div class="nav-item">
  <a href="{$m.href}" target="{$m.target|default='_self'}">{$m.title}</a>
  {notempty name="m.children"}
  <div class="nav-sub">
    {volist name="m.children" id="c"}
    <a href="{$c.href}">{$c.title}</a>
    {/volist}
  </div>
  {/notempty}
</div>
{/volist}