Angular6 如何使用材质选项卡在Angular 6中创建水平和垂直选项卡？

我需要使用角度材质创建水平和垂直选项卡。提前感谢。

我使用以下SCS，通过应用

垂直选项卡

类，将

垫选项卡组

显示为垂直选项卡。您可能想对其进行一些修改，但这应该是一个很好的起点

mat-tab-group.vertical-tabs {
        flex-direction: row !important;

        .mat-tab-labels {
            flex-direction: column !important;
        }

        .mat-tab-label {
            border: none;
            height: auto !important;
            padding: 10px !important;
            min-width: 0px !important;
            justify-content: left !important;
            opacity: 1;
            border-bottom: 1px solid #eee;
        }

        .mat-tab-body-wrapper {
            flex: 1;
        }

        .mat-tab-header {
            border-bottom: none !important;
            border-right: 1px solid #eee;
        }

        mat-ink-bar {
            display: none;
        }
    }

---

屏幕截图丢失。对不起。我不能上传屏幕截图。你不能简单地创建垂直标签，你需要为此做很多定制。