cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

菜单折叠，tab栏折叠

Browse Source
This commit is contained in:
zhouyuejun
2018-11-27 18:16:25 +08:00
parent 5470628d7f
commit bb2779e6e8
10 changed files with 219 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/pages.component.html
+30 -11
View File
@@ -4,13 +4,26 @@
<a class="navbar-brand">
航班信息查询系统
</a>
<a class="navbar-brand">
<i class=" fa fa-dedent"></i>
<a class="navbar-brand" (click)="toggleMenu()">
<i class="fa fa-dedent fa-fw" [hidden]="menuClose"></i>
<i class="fa fa-indent fa-fw" [hidden]="!menuClose"></i>
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto mr-4">
<li class="nav-item dropdown mr-2">
<li class="nav-item mr-3">
<a class="nav-link">
<label>用户：</label>
<span>admin</span>
</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link">
<label>角色：</label>
<span>系统管理员</span>
</a>
</li>
<!-- <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">
@@ -23,12 +36,13 @@
<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">
</li> -->
<li class="nav-item dropdown mr-3">
<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>
<i class="fa fa-envelope-o mr-1"></i>
<label>消息</label>
<span style="background:#0cc2aa">4</span>
</div>
</a>
@@ -38,7 +52,13 @@
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item dropdown">
<li class="nav-item mr-2">
<a class="nav-link" nz-popconfirm nzTitle="确认退出?" (nzOnConfirm)="confirmLogout()" nzPlacement="bottom">
<i class="fa fa-sign-out mr-1"></i>
<span>退出</span>
</a>
</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">
@@ -51,20 +71,19 @@
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</li> -->
</ul>
</div>
</nav>
</div>
<div class="content-wrapper">
<div class="left-wrapper">
<div class="left-wrapper" [ngClass]="{'left-wrapper-c': menuClose,'left-wrapper-o': !menuClose}">
<div class="left-menu">
<app-sidebar-menu [data]="menuData"></app-sidebar-menu>
</div>
</div>
<div class="right-wrapper">
<div class="right-wrapper" [ngClass]="{'right-wrapper-c': menuClose,'right-wrapper-o': !menuClose}">
<router-outlet></router-outlet>
</div>
</div>
</div>