如何在laravel中显示菜单链接

okxuctiv  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(145)

我的刀片有两个div,右边的div是导航栏,左边的空div中,我想显示导航栏中选择的刀片。我不想转到新页面,而是将其显示在刀片的左侧。

<div class="col-1" style="position: fixed;z-index: 3;width: 11%;background: yellowgreen; height:calc(100% - 100px);">
    <nav style="background: white;" class="nav">
        <ul>
            <li class="active {{ @Request::is('dashboard') ? 'active':''}}"><a href="{{ url('dashboard') }}"><i
                            class="fa fa-pie-chart"></i> DASHBOARD</a></li>
            <li class="{{ @Request::is('tasks') ? 'active':''}}"><a href="{{ url('REISTER') }}" class="menu_a"><i
                            class="fa fa-edit"></i> REISTER </a></li>
            <li></li>
        </ul>
    </nav>
</div>
<div clas="col-11" style="background:lightcyan;width: 89%;float:left;height:calc(100% - 100px);">
    <div class="p-4">
        /* Content of selected view in navbar
        for example:
        if selected navbar item is Dashboard display dashboard.blade.php
        else if selected navbar item is Register display register.blade.php
        */
    </div>
</div>

字符串

vbkedwbf

vbkedwbf1#

根据评论
不,只是,我的右导航栏有两个项目, Jmeter 板和注册,我想当 Jmeter 板点击,dshboard刀片在页面左侧打开,当注册点击,注册刀片打开,而不是在左侧 Jmeter 板
我将给予您可以遵循的示例结构。
在Resources/view中创建一个layout目录,并在layouts中创建一个名为app.blade.php的文件。
在app.blade.app里面写你的主HTML像普通的东西,例如,

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>@yield('title')</title>
    {{-- your styles --}}
</head>
<body>
{{-- your full page HTML including nav but exclude the page content of dashboard and register blade --}}
 <div>
     <div class="p-4"> 
         @yield('content')
     </div>

 </div>

{{-- your scripts if any --}}
</body>
</html>

字符串
yield content将负责在此p-4 div中呈现页面内容。然后您可以创建您的主页面,如 Jmeter 板和注册表。例如 Jmeter 板,您将执行以下操作
dashboard.blade.php

@extends('layouts.app')
@section('title', 'dashboard')

@section('content')
{{-- your dashboard html --}}
@endsection


我希望这将给给予你一个想法,并明确你的东西,如果没有意见,我将作出必要的修改

相关问题