gpt4 book ai didi

angular-material - 角 Material 如何定位 mat-sidenav 顶部或底部

转载 作者:行者123 更新时间:2023-12-04 07:23:37 28 4
gpt4 key购买 nike

我是角 Material 的新手。从 angular material doc 我可以看到它可以定位在“开始”或“结束”。

<div style="border:solid 1px red;">
<mat-sidenav-container>
<mat-sidenav class="sidenav"
position="end" <!-- want to position top or bottom here-->
[opened]="sidenavOption.open"
[mode]="sidenavOption.mode">
Sidenav content
</mat-sidenav>
<ng-content></ng-content>
</mat-sidenav-container>
</div>

我想定位“顶部”或“底部”

任何人都可以帮助我如何做到这一点?

谢谢

最佳答案

AFAIK 顾名思义,sidenav 只能出现在页面的右侧( end )或左侧( start )。即使 Material 设计规范允许底部抽屉( here )。

如前所述 here除了位置之外,没有其他属性可以指定左或右以外的位置。

似乎你要么需要自己实现这样的抽屉——但为此你可以从 Material 设计类扩展并在它们的基础上构建——或者你可以使用 MatBottomSheet ,几乎一样,但只能用作一种底部抽屉。

关于angular-material - 角 Material 如何定位 mat-sidenav 顶部或底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54787689/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com