70 lines
3.4 KiB
HTML
70 lines
3.4 KiB
HTML
<div class="wrapper">
|
|
<div class="header-wrapper">
|
|
<nav class="navbar navbar-expand navbar-dark bg-dark">
|
|
<a class="navbar-brand">
|
|
航班信息查询系统
|
|
</a>
|
|
<a class="navbar-brand">
|
|
<i class=" fa fa-dedent"></i>
|
|
</a>
|
|
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-nav ml-auto mr-4">
|
|
<li class="nav-item dropdown mr-2">
|
|
<a class="nav-icon nav-link" data-toggle="dropdown" id="messagesDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="icon-container">
|
|
<i class="fa fa-bell-o"></i>
|
|
<span>7</span>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown mr-2">
|
|
<a class="nav-icon nav-link" data-toggle="dropdown" id="alertsDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="icon-container">
|
|
<i class="fa fa-envelope-o"></i>
|
|
<span style="background:#0cc2aa">4</span>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link user-info" data-toggle="dropdown" id="userDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="user-container">
|
|
<span class="mr-2">Chris Wood</span>
|
|
<img src="/assets/images/Vlad.png" alt="">
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="content-wrapper">
|
|
<div class="left-wrapper">
|
|
<div class="left-menu">
|
|
<app-sidebar-menu [data]="menuData"></app-sidebar-menu>
|
|
</div>
|
|
</div>
|
|
<div class="right-wrapper">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |