角材料中是否有垫-工具栏-柱?

时间:2020-07-22 20:06:55

标签: angular angular-material toolbar

是否有像mat-toolbar-row这样的mat-toolbar-column?如果没有,那么我该如何在Angular材质中实现以下布局。 this post

1 个答案:

答案 0 :(得分:0)

使用flex-box组合像这样的物料工具栏:

<mat-toolbar color="primary">
  <mat-toolbar-row>
    <div class="container" fxFill>
      <div fxLayout="row" fxFill>
          <div fxFlex="75" fxLayour="row">
            <span>Logo</span>
          </div>
          <div fxFlex="25" fxLayour="column">
            <div fxLayout="row">
              <span>Carrear</span>
              <span>Contact US</span>
            </div>
            <div>
              <span>Home</span>
              <span>About US</span>
              <span>Products</span>
              <span>News</span>
            </div>
          </div>
      </div>
    </div>
  </mat-toolbar-row>
</mat-toolbar>