65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
{php}
|
|
function getMenus($menus, $level = 1, $currentFirstId, $categoryId) {
|
|
$menuHtml = '';
|
|
$levelList = ['nav-first','nav-second','nav-third'];
|
|
$navClass = $levelList[$level - 1] ?? '';
|
|
if (count($menus) > 0) {
|
|
$menuHtml .= '';
|
|
if($level > 1) {
|
|
$menuHtml .= '<div class="'.$navClass.'" >';
|
|
}
|
|
|
|
|
|
foreach ($menus as $menu) {
|
|
$activeClass = '';
|
|
if ($currentFirstId == $menu['id'] || $categoryId == $menu['id'] || ($currentFirstId == 0 && $menu['is_index'])) {
|
|
$activeClass = ' active';
|
|
}
|
|
$aHref = getUri($menu);
|
|
$aHref = empty($aHref) ? 'javascript:;' : $aHref;
|
|
if($level == 1) {
|
|
$menuHtml .= '<li class="'.$activeClass.'" >';
|
|
$menuHtml .= '<span><a href="'.$aHref.'" target="'.$menu['style'].'">'.$menu['title'].'</a></span>';
|
|
if (isset($menu['children']) && count($menu['children']) > 0) {
|
|
$menuHtml .= getMenus($menu['children'], $level + 1, $currentFirstId, $categoryId);
|
|
}
|
|
$menuHtml .= '</li>';
|
|
} else {
|
|
$menuHtml .= '<a href="'.$aHref.'" target="'.$menu['style'].'" class="'.$activeClass.'">';
|
|
$menuHtml .= '<span>'.$menu['title'].'</span>';
|
|
if (isset($menu['children']) && count($menu['children']) > 0) {
|
|
$menuHtml .= getMenus($menu['children'], $level + 1, $currentFirstId, $categoryId);
|
|
}
|
|
$menuHtml .= '</a>';
|
|
}
|
|
}
|
|
if($level > 1) {
|
|
$menuHtml .= '</div>';
|
|
}
|
|
}
|
|
return $menuHtml;
|
|
}
|
|
{/php}
|
|
|
|
<div class="head-box w-100">
|
|
<div class="w-1500">
|
|
<div class="center-block w-100 between-center">
|
|
<div class="logo center-center">
|
|
<a href="{:url('/')}"><img src="__IMG__/logo.png"></a>
|
|
</div>
|
|
<div class="nav">
|
|
<ul>
|
|
{:getMenus($menus, 1, $currentFirstId, $categoryId)}
|
|
</ul>
|
|
</div>
|
|
<!-- <div class="language">
|
|
<a href="" class="active">中文</a> / <a href="">English</a>
|
|
</div> -->
|
|
<div class="nav_btn">
|
|
<i class="bar-top"></i>
|
|
<i class="bar-cen"></i>
|
|
<i class="bar-bom"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |