1

按照非常简单的步骤使用 sidenav 创建响应式工具栏,我遇到了一个让我发疯的小问题。

从基本原理图ng generate @angular/material:navigation sideNav

我希望工具栏似乎延伸到侧边栏上。 那里已经有一个工具栏,但在默认示意图中,它的 css 设置为继承背景:

.sidenav .mat-toolbar {
  background: inherit;
}

因此,如果我将其注释掉,然后将颜色添加到<mat-toolbar color="primary">Menu</mat-toolbar>

我得到这条白线分隔两个工具栏。

我可以在 sidenav div 之外手动制作一个工具栏,但我很确定这是错误的做法,而且我觉得有一些非常简单和明显的东西我没有得到。

任何指针都非常感谢。

4

1 回答 1

0

尝试fixedTopGapMatSidenav API实现- 这将允许您的 sidenav 在您的工具栏下滑出而没有重叠

于 2020-09-02T16:22:41.407 回答