使用 mat-tab 将水平标签转换为垂直标签

问题描述

我使用 mat-tab-group 水平显示标签。在电脑屏幕上看起来没问题。但在手机屏幕上，它看起来不是很整洁。如果是手机大小的屏幕，有没有办法将其转换为垂直标签列表？

   <mat-tab-group>
    <mat-tab>
      <ng-template mat-tab-label>
        <mat-icon ngClass="material-icons-outlined">home</mat-icon>
        <span>Account Summary</span>
    </ng-template>
      <ng-template matTabContent>
        <app-summary
        [loanNumber]="loanNumber"
      ></app-summary>
      </ng-template>
    </mat-tab>
    <mat-tab>
      .
      .      
      .
    </mat-tab>
</mat-tab-group>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）