Update favicon.ico

src/app/arena-table/arena-table.component.css

-nz-table::ng-deep .ant-table {
-  background: white;
-}

src/app/arena-table/arena-table.component.html

-<nz-table #ajaxTable [nzData]="listOfData" [nzLoading]="loading" nzSize="small" [nzShowPagination]="false">
-  <thead>
-    <tr>
-      <th>Rank</th>
-      <th>Deck</th>
-      <th>Count</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr *ngFor="let data of ajaxTable.data; let i = index">
-      <td>{{ i+1 }}</td>
-      <td>{{ data.name }}</td>
-      <td>{{ data.count }}</td>
-    </tr>
-  </tbody>
-</nz-table>

src/app/arena-table/arena-table.component.spec.ts

-import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArenaTableComponent } from './arena-table.component';
-
-describe('ArenaTableComponent', () => {
-  let component: ArenaTableComponent;
-  let fixture: ComponentFixture<ArenaTableComponent>;
-
-  beforeEach(fakeAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ArenaTableComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ArenaTableComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should compile', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/arena-table/arena-table.component.ts

-import { HttpClient } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-arena-table',
-  templateUrl: './arena-table.component.html',
-  styleUrls: ['./arena-table.component.css']
-})
-export class ArenaTableComponent implements OnInit {
-  listOfData: ArenaDeck[] = [];
-  loading = true;
-
-  constructor(private http: HttpClient) {}
-
-  async ngOnInit() {
-    this.listOfData = await this.http
-      .get<ArenaDeck[]>('https://sapi.moecube.com:444/ygopro/analytics/deck/type', {
-        params: {
-          type: 'day',
-          source: 'mycard-athletic'
-        }
-      })
-      .toPromise();
-    this.loading = false;
-  }
-}
-
-interface ArenaDeck {
-  count: '661';
-  name: '转生炎兽';
-  recent_time: '2019-07-15T00:00:00.000Z';
-  source: 'mycard-athletic';
-  tags: ['转生炎兽-陀螺', '转生炎兽-割草'];
-}

src/app/banner/banner.component.css

-
-      [nz-carousel-content] {
-        text-align: center;
-        height: 160px;
-        line-height: 160px;
-        background: #364d79;
-        color: #fff;
-        overflow: hidden;
-      }
-
-      h3 {
-        color: #fff;
-      }
-    
\ No newline at end of file

src/app/banner/banner.component.html

-
-    <nz-carousel nzAutoPlay>
-      <div nz-carousel-content *ngFor="let index of array">
-        <h3>{{ index }}</h3>
-      </div>
-    </nz-carousel>
-  
\ No newline at end of file

src/app/banner/banner.component.spec.ts

-import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { BannerComponent } from './banner.component';
-
-describe('BannerComponent', () => {
-  let component: BannerComponent;
-  let fixture: ComponentFixture<BannerComponent>;
-
-  beforeEach(fakeAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BannerComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(BannerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should compile', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/banner/banner.component.ts

-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-banner',
-  templateUrl: './banner.component.html',
-  styleUrls: ['./banner.component.css']
-})
-export class BannerComponent {
-  array = [1, 2, 3, 4];
-}

src/app/table/table.component.html

+<p>
+  table works!
+</p>

src/app/home/home.component.ts → src/app/table/table.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-home',
-  templateUrl: './home.component.html',
-  styleUrls: ['./home.component.css']
+  selector: 'app-table',
+  templateUrl: './table.component.html',
+  styleUrls: ['./table.component.css']
 })
-export class HomeComponent implements OnInit {
+export class TableComponent implements OnInit {
 
   constructor() { }