让MatBottomSheet与顶部工具栏齐平？

MatBottomSheet是Angular Material库中提供的一个组件，用于实现底部弹出菜单的功能。默认情况下，MatBottomSheet组件会在屏幕底部弹出，并覆盖部分内容。如果需要让MatBottomSheet与顶部工具栏齐平，可以通过以下步骤实现：

1. 在HTML模板文件中，使用MatBottomSheet组件时，可以通过添加自定义的CSS类来改变其样式。例如，可以给MatBottomSheet组件的父元素添加一个CSS类名为"custom-bottom-sheet"。

<div class="custom-bottom-sheet">
  <!-- MatBottomSheet内容 -->
</div>

1. 在全局的样式文件（如styles.css）或组件的样式文件中，添加对应CSS类的样式规则。通过调整顶部边距和高度等属性，将MatBottomSheet与顶部工具栏对齐。

.custom-bottom-sheet {
  margin-top: 64px; /* 顶部工具栏的高度 */
  height: calc(100% - 64px); /* 100%减去顶部工具栏的高度 */
}

通过以上步骤，可以使MatBottomSheet组件与顶部工具栏齐平。

关于MatBottomSheet的更多信息和使用示例，您可以参考腾讯云的Angular Material文档： https://ng.ant.design/components/bottom-sheet/zh