首页 > 解决方案 > 角度@material/layout-grid

问题描述

我想使用材料组件并使用布局网格调整它们的大小。这是正确的方法吗?我使用 @material/layout-grid 包,但是当我尝试做这样的事情时(侧栏 8 列,内容 4 列):

<div class="mdc-layout-grid">
<mat-drawer-container class="mdc-layout-grid__inner">
  <mat-drawer mode="side" opened class="mdc-layout-grid__cell--span-8">Drawer content</mat-drawer>
  <mat-drawer-content class="mdc-layout-grid__cell--span-4">Main content</mat-drawer-content>
</mat-drawer-container>
</div>

组件的样式会覆盖网格规则。请告诉我,我可以用什么来用角材料制作布局?

标签: angularangular-materialmaterial-designgrid-layout

解决方案


推荐阅读