在扩展模式下,如何使垫扩展面板覆盖整个屏幕?

时间:2018-12-13 09:15:08

标签: angular angular-material2

我在单个页面上使用了多个mat-expansion-panel。 我希望展开的面板即使位于屏幕末端也能覆盖整个屏幕。 它应该位于页面的中心,并覆盖整个区域。

1 个答案:

答案 0 :(得分:0)

您可以通过覆盖Mat-expansion面板的默认样式来做到这一点。 将此样式添加到您的 styles.css 文件中,

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

这是一个堆叠闪电战的例子

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

请下次添加您的作品(代码)。