面包屑导航

src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.html

@@ -1,4 +1,15 @@
 <div class="system-main-container">
+	<div class="navigation">
+		<nz-breadcrumb>
+	      <nz-breadcrumb-item>
+	        <a [routerLink]="['../']">用户管理</a>
+	      </nz-breadcrumb-item>
+	      <nz-breadcrumb-item>
+	        <span *ngIf='modifyType==1'>新增用户</span>
+	        <span *ngIf='modifyType==2'>修改用户</span>
+	      </nz-breadcrumb-item>
+	    </nz-breadcrumb>
+	</div>
 	<div class="user-modify-box card" id="main-container">
 		<app-request-status *ngIf="modifyType==2" [statusParams]='statusParamsDetail'></app-request-status>
 		<nz-skeleton [nzActive]="true"  [nzParagraph]="{ rows: 16 }" *ngIf='modifyType==2&&statusParamsDetail.status==1'></nz-skeleton>

src/app/pages/system-management/user-management/user-management.component.html

@@ -1,4 +1,14 @@
 <div class="system-main-container"> 
+	<div class="navigation">
+		<nz-breadcrumb>
+	      <nz-breadcrumb-item>
+	        用户管理
+	      </nz-breadcrumb-item>
+	      <nz-breadcrumb-item>
+	        列表
+	      </nz-breadcrumb-item>
+	    </nz-breadcrumb>
+	</div>
 	<div class="user-manage">
 		<div class="tree-box" id="tree-box">
 			<app-request-status [statusParams]='statusParamsTree'></app-request-status>

src/app/pages/system-management/user-management/user-management.component.scss

@@ -1,5 +1,6 @@
 @import "../../main.scss";
 .system-main-container{
+	padding-top: 10px;
 	.user-manage{ 
 		.system-main-content{
 			overflow-y:scroll;