fn_b/resources/views/components/nav-bar.blade.php
2026-07-26 13:50:45 +08:00

118 lines
5.5 KiB
PHP
Executable File

<header class="header">
<nav class="navbar navbar-expand-xl shadow" id="header">
<div class="container">
<a href="/" rel="home" class="logo navbar-brand order-2 order-xl-1">
<img style="border-radius:8px;" src="/sites/{{ config('app.site_code_short') }}/images/logo/logo.png"
class="d-inline-block logo-light nc-no-lazy"
alt="{{ config('app.name') }}">
<img style="border-radius:8px;" src="/sites/{{ config('app.site_code_short') }}/images/logo/logo.png"
class="d-none logo-dark nc-no-lazy"
alt="{{ config('app.name') }}">
</a>
<button class="btn btn-link btn-icon btn-sm btn-rounded navbar-toggler order-1" type="button"
id="sidebarCollapse">
<span><i class="iconfont icon-menu"></i></span>
</button>
<button class="btn btn-link btn-icon btn-sm btn-rounded navbar-toggler nav-search order-3 collapsed"
data-bs-target="#navbar-search" data-bs-toggle="collapse" aria-expanded="false"
aria-controls="navbar-search">
<span>
<i class="iconfont icon-search"></i>
<i class="iconfont icon-close"></i>
</span>
</button>
<div class="collapse navbar-collapse order-xl-2">
<ul class="navbar-nav main-menu ms-4 me-auto">
@foreach($aNavs as $oNav)
@php
$bIsMatched = request()->is($oNav->sSlug) || request()->is($oNav->sSlug . '/*');
$bIsHomeFirst = request()->is('/') && $loop->first;
$sActiveAttr = ($bIsMatched || $bIsHomeFirst) ? 'menua-checked' : '';
@endphp
<li class=" menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent {{ $oNav->aChildren->isNotEmpty() ? 'menu-item-has-children' : '' }}">
<a class="menua {{ $sActiveAttr }}" href="{{ url($oNav->sSlug) }}">
<i class="{{ $oNav->sHtmlClass }}"></i>
{{ $oNav->sName }}
</a>
@if($oNav->aChildren->isNotEmpty())
<div class="submenu-arrow iconfont icon-jiantou1"></div>
<ul class="sub-menu">
@foreach($oNav->aChildren as $oSub)
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a class="menuaSub" href="{{ url($oNav->sSlug.'/'.$oSub->sSlug) }}">{{ $oSub->sName }}</a></li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
<ul class="navbar-nav align-items-center">
<li class="nav-item me-2 me-md-3">
<a href="{{ config('path.url_github_href') }}" target="_blank" rel="noopener noreferrer">
<button class="btn btn-link btn-icon btn-sm btn-rounded nav-search collapsed">
<span>
<i class="iconfont icon-github-fill"></i>
</span>
</button>
</a>
<button class="btn btn-link btn-icon btn-sm btn-rounded nav-search collapsed"
data-bs-toggle="collapse" data-bs-target="#navbar-search" aria-expanded="false"
aria-controls="navbar-search">
<span>
<i class="iconfont icon-search"></i>
<i class="iconfont icon-close"></i>
</span>
</button>
</li>
</ul>
</div>
</div>
</nav>
<div class="mobile-sidebar">
<div class="mobile-sidebar-inner">
<div class="mobile-sidebar-header text-end p-3">
<button type="button" class="btn btn-text btn-icon btn-rounded sidebar-close">
<span><i class="text-xl iconfont icon-close-circle-fill"></i></span>
</button>
</div>
<div class="mobile-sidebar-menu">
<ul class="mobile-menu-inner">
@foreach($aNavs as $oNav)
<li class="menu-item menu-item-type-taxonomy menu-item-object-category {{ $oNav->aChildren->isNotEmpty() ? 'menu-item-has-children' : '' }}">
<a href="{{ url($oNav->sSlug) }}">
<i class="{{ $oNav->sHtmlClass }}"></i>
{{ $oNav->sName }}
</a>
@if($oNav->aChildren->isNotEmpty())
<ul class="sub-menu">
@foreach($oNav->aChildren as $oSub)
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a class="menuaSub" href="{{ url($oNav->sSlug.'/'.$oSub->sSlug) }}">{{ $oSub->sName }}</a></li>
@endforeach
</ul>
@endif
</li>
@endforeach
</ul>
</div>
<div class="py-5"></div>
</div>
</div>
<div class="navbar-search collapse " id="navbar-search">
<div class="container">
<form method="get" role="search" id="searchform" action="/">
<div class="search-form">
<input type="text" class="search-input form-control form-control-lg" name="s" id="s"
placeholder="请输入搜索关键词并按回车键…">
<i class="search-toggle iconfont icon-search"></i>
</div>
</form>
</div>
</div>
</header>