所以我一直在尝试在我的Web应用程序开发中采用Materials Accordion.
然而,随着内容的增长,使标题扩大的麻烦有些麻烦.
我的标题预计将有相当多的行来提供摘要,而不仅仅是1个班轮.
如果我硬编码材质标题高度,它会导致动画干扰.
下面是一个示例代码
<mat-accordion [displayMode]="displayMode" [multi]="multi" class="mat-expansion-demo-width">
<mat-expansion-panel #panel1 [hideToggle]="hideToggle">
<mat-expansion-panel-header>Section 1</mat-expansion-panel-header>
<p>This is the content text that makes sense here.</p>
</mat-expansion-panel>
</mat-accordion>
Run Code Online (Sandbox Code Playgroud)
::ng-deep .mat-expansion-panel-header
{
height: 190px !important;
}
Run Code Online (Sandbox Code Playgroud)
如果我执行上述操作,则会设置高度,但展开和折叠的动画会很奇怪.
我该怎么办呢?