角卡的垂直截面

Question

我正在尝试复制席卡式布局，但尚未找到合适的单词进行搜索。我使用的是角形，想要设置一个在左侧具有垂直截面的垫卡，使我可以在截面线上居中放置徽标。我提供了一个尝试重新创建的示例图像。 example card

我的卡

<div class="container">
    <div class="flex-container" fxLayout="row">
        <mat-card>
            <aside>

            </aside>
            <mat-card-header>
                <mat-card-title>{{project.name | uppercase}}</mat-card-title>
                <mat-card-subtitle>{{project.location}}</mat-card-subtitle>
            </mat-card-header>
            <mat-card-content>
                <section>
                    Last Scan: {{project.lastScanDate | date: 'shortDate'}}
                </section>
            </mat-card-content>
        </mat-card>
    </div>
</div>

我曾尝试添加“旁白”，但除非包含文字，否则不会显示。

Answer 1

这仅是您想要的原始示例，您可以通过将图像URL放入CSS中来更改图标图像，因此这只是一个实现目标的方法。根据您的需要更改内容。