angular material layout container

Angular Material 是一组 UI 组件库，其中包括了一些布局相关的组件，如 mat-grid-list 、 mat-card 等等。但是如果你想要简单的布局容器，你可以使用 mat-toolbar 和 mat-sidenav-container 。

mat-toolbar 是用于创建顶部导航栏的组件，而 mat-sidenav-container 是用于创建侧边栏布局的组件。在使用 mat-sidenav-container 前，你需要先安装和导入 MatSidenavModule 。

以下是一个简单的使用 mat-sidenav-container 创建布局容器的示例：

<mat-sidenav-container>
  <mat-sidenav opened mode="side">
    <p>Sidenav content</p>
  </mat-sidenav>
  <mat-toolbar color="primary">
    <span>My App</span>
  </mat-toolbar>
  <div class="content">
    <p>Main content</p>
  </div>
</mat-sidenav-container>
在这个示例中，我们使用了 mat-sidenav-container 创建了一个包含侧边栏和顶部导航栏的布局容器。mat-sidenav 组件创建了一个侧边栏，mat-toolbar 组件创建了一个顶部导航栏，div 元素则作为主要内容区域。
你可以使用 CSS 样式来调整这些组件的样式，以适应你的需求。
希望这个简单的示例能帮助你了解如何使用 Angular Material 创建布局容器。