如何使用angular材质设计箭头网格

npm install @angular/material

import { MatGridListModule } from '@angular/material/grid-list';
import { MatIconModule } from '@angular/material/icon';

@NgModule({
  imports: [
    MatGridListModule,
    MatIconModule
  ],
  ...
})
export class AppModule { }

<mat-grid-list cols="3" rowHeight="100px" gutterSize="10px">
  <!-- 网格项 -->
</mat-grid-list>

<mat-grid-list cols="3" rowHeight="100px" gutterSize="10px">
  <mat-grid-tile colspan="2" rowspan="2">
    <!-- 网格项内容 -->
  </mat-grid-tile>
  <mat-grid-tile>
    <!-- 网格项内容 -->
  </mat-grid-tile>
  <mat-grid-tile>
    <!-- 网格项内容 -->
  </mat-grid-tile>
</mat-grid-list>

<mat-grid-list cols="3" rowHeight="100px" gutterSize="10px">
  <mat-grid-tile colspan="2" rowspan="2">
    <mat-icon>keyboard_arrow_up</mat-icon>
  </mat-grid-tile>
  <mat-grid-tile>
    <mat-icon>keyboard_arrow_left</mat-icon>
  </mat-grid-tile>
  <mat-grid-tile>
    <mat-icon>keyboard_arrow_right</mat-icon>
  </mat-grid-tile>
</mat-grid-list>