如何解决大型菜单在 Laravel 中无法正确显示
在我的超级菜单中一切正常,但在 2 级菜单中,我在显示 2 级常设主题时遇到了一些问题,并且它们之间不应该有任何距离。
请看附件截图。
这是blade中的代码:
<ul class="megamenu">
@foreach($category as $cat)
<li class="item-vertical style1 with-sub-menu hover">
<p class="close-menu"></p>
<a href="#" class="clearfix">
@if( $cat->Category_name == 'لوازم خانگی')
<img src="frontend/image/theme/icons/11.png" alt="icon">
@endif
@if( $cat->Category_name == 'محصولات دیجیتال')
<img src="frontend/image/theme/icons/15.png" alt="icon">
@endif
<span>{{ $cat->Category_name }}</span></a>
@PHP
$categoryl2 = DB::table('categories__l2')
->where('category_id',$cat->id)
->orderBy('id','DESC')->get();
@endPHP
<div class="sub-menu" data-subwidth="100"
style="width: 900px; display: none; right: 0px;">
<div class="content" >
<div class="row">
<div class="col-xs-12">
<div class="row" >
@foreach($categoryl2 as $l2cat)
@PHP
$subcategory = DB::table('subcategories')
->where('category_id',$cat->id)
->where('l2cat_id',$l2cat->id)->get();
@endPHP
<div class="col-md-4 static-menu "
>
<a href="#" class="main-menu">
{{ $l2cat->categoryl2_name }}
</a>
<div class="menu ">
<ul >
<li >
<ul >
@foreach($subcategory as $row)
<li >
<a href="#" >{{$row->subcategory_name}}</a>
</li>
@endforeach
</ul>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- Main menu -->
<div class="megamenu-hori col-md-9 col-sm-6 col-xs-12 ">
<div class="responsive so-megamenu ">
<nav class="navbar-default">
<div class=" container-megamenu horizontal">
<div class="navbar-header">
<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
منو
</div>
<div class="megamenu-wrapper">
<span id="remove-megamenu" class="fa fa-times"></span>
<div class="megamenu-pattern">
<div class="container">
<ul class="megamenu " data-transition="slide" data-animationtime="250">
@PHP
$category = DB::table('categories')->get();
@endPHP
<li class="">
<p class="close-menu"></p>
<a href="blog-page.html" class="clearfix">
<strong>خانه</strong>
<span class="label"></span>
</a>
</li>
@foreach($category as $cat)
<li class="with-sub-menu hover">
<p class="close-menu"></p>
<a href="#" class="clearfix">
<strong>{{ $cat->Category_name }}</strong>
<span class="label"></span>
<b class="caret"></b>
</a>
@PHP
$categoryl2 = DB::table('categories__l2')
->where('category_id',$cat->id)
->orderBy('id','DESC')->get();
@endPHP
<div class="sub-menu" style="width: 100%; display: none;">
<div class="content">
<div class="row">
@foreach($categoryl2 as $l2cat)
@PHP
$subcategory = DB::table('subcategories')
->where('category_id',$cat->id)
->where('l2cat_id',$l2cat->id)->get();
@endPHP
<div class="col-md-4">
<a href="#" class="title-submenu">{{ $l2cat->categoryl2_name }}</a>
<div class="row">
<div class="col-md-4 hover-menu">
<div class="menu">
<ul>
@foreach($subcategory as $row)
<li>
<a href="#" class="main-menu">{{ $row->subcategory_name }}</a>
</li>
@endforeach
</ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。