angular - 如何让 mat-expansion-panel 在展开模式下覆盖整个屏幕？

Question

我在单个页面上使用多个垫子扩展面板。我希望扩展面板覆盖整个屏幕，即使它位于屏幕的末尾。它应该位于页面的中心并覆盖整个区域。

Answer 1

您可以通过覆盖垫子扩展面板的默认样式来做到这一点。在您的styles.css文件中添加此样式，

.mat-expansion-panel-content > .mat-expansion-panel-body
 {
   display: block;
   text-align: center;
   height: 100vh;
    }

这是一个堆栈闪电战工作示例

https://stackblitz.com/edit/angular-8hvppy

下次请添加您的工作（代码）。