我的刀片有两个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>
字符串
1条答案
按热度按时间vbkedwbf1#
根据评论
不,只是,我的右导航栏有两个项目, Jmeter 板和注册,我想当 Jmeter 板点击,dshboard刀片在页面左侧打开,当注册点击,注册刀片打开,而不是在左侧 Jmeter 板
我将给予您可以遵循的示例结构。
在Resources/view中创建一个layout目录,并在layouts中创建一个名为app.blade.php的文件。
在app.blade.app里面写你的主HTML像普通的东西,例如,
字符串
yield content将负责在此p-4 div中呈现页面内容。然后您可以创建您的主页面,如 Jmeter 板和注册表。例如 Jmeter 板,您将执行以下操作
dashboard.blade.php
型
我希望这将给给予你一个想法,并明确你的东西,如果没有意见,我将作出必要的修改