loading完善

src/app/pages/pages.module.ts

@@ -28,6 +28,7 @@ import { NzModalModule } from 'ng-zorro-antd/modal';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
 import { NzMessageModule } from 'ng-zorro-antd/message';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-admin.component';
 @NgModule({
   declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent, TodayWarningAdminComponent,],
@@ -55,7 +56,8 @@ import { TodayWarningAdminComponent } from './today-warning-admin/today-warning-
     NzModalModule,
     NzPaginationModule,
     NzDropDownModule,
-    NzMessageModule
+    NzMessageModule,
+    NzSpinModule
   ]
 })
 export class PagesModule { }

src/app/pages/plan/plan.component.html

@@ -1,3 +1,4 @@
+<div class="loading" *ngIf="isShowLoading"><nz-spin nzSimple [nzSize]="'large'"></nz-spin></div>
 <div class="content">
   <canvas id="center"></canvas>
 

src/app/pages/plan/plan.component.scss

@@ -5,6 +5,18 @@
   position: relative;
   canvas{ width: 100%; height: 100%; border: none; outline: none; }
 }
+.loading{ //loading
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 99999;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .anticon{ font-size: 16px; cursor: pointer; } //字体图标
 //文本溢出
 .overflowText{

src/app/pages/plan/plan.component.ts

@@ -32,6 +32,7 @@ export class PlanComponent implements OnInit {
   public game: Game = new Game();
   public beforeOneSatus; //当前 satus
   public canvas: HTMLCanvasElement; //canvas 实例
+  public isShowLoading: boolean = false; //显隐 loading加载条
 
   ngOnInit(): void {
     PlanComponent.instance = this;