1

我正在使用 mat-card 我想将 mat-cards 放置为 2x1 即；在移动视图中每行 2 张卡片，在选项卡和笔记本电脑视图中每行 3 张卡片。

我按照这个例子使用了网格列表，这就是我想要实现的。我尝试使用相同的方法使用 mat-card 并且无法正常工作。

我使用了 flex-layout，但它不合适。关于如何实现这一目标的任何建议？

<div class="cardList" fxLayout="row wrap" fxLayoutAlign="flex-start" fxFlexAlign="stretch" fxLayoutGap="20px">
    <mat-card fxFlexAlign="stretch" *ngFor="let member of members" routerLink="/registration/verify-phone">
        <mat-card-header style="flex-direction: column;" fxFlex="60">
            <mat-card-title style="color: #0663fe; font-weight: 600;">{{member.content}}</mat-card-title>
        </mat-card-header>
    </mat-card>
</div>

这样的事情我需要实现 在此处输入图像描述

4

0 回答 0