1

我希望“设置”抽屉像在此设置页面上一样响应窗口调整大小。看看他们的样式元素，我可以看到很多 mat-drawer css 类（我认为）处理抽屉的状态和事件：

mat-drawer mat-drawer-side mat-drawer-open等等

这些css类是否有关于它们如何运作的文档？它们甚至是材料类吗？

尝试这个，我会无知地期望侧导航默认打开而不使用openedonmat-drawer但它不起作用。

<mat-drawer-container
    class="mat-drawer-container flex-auto sm:h-full mat-drawer-transition mat-drawer-container-has-open">
    <mat-drawer #drawer class="mat-drawer sm:w-96 dark:bg-gray-900 mat-drawer-side mat-drawer-opened"
        style="transform: none; visibility: visible;">
        <p>Sidenav open</p>
    </mat-drawer>
        <button type="button" mat-button (click)="drawer.toggle()">
            Toggle sidenav
        </button>
</mat-drawer-container>

我想用类似他们的方法来实现这个抽屉功能，而不使用像这样的 Angular HostListener 装饰器。

4

0 回答 0