角材料垫的侧面含量导致较大的间隙裕度

时间:2019-07-15 07:08:35

标签: angular angular-material

我当时正在使用Mat Sidenav创建响应式Mat工具,但此后,当我放置sidenav容器时,差距很大,由于容器只是放置了空白屏幕,所以它迫使我的主要内容位于页面底部

enter image description here enter image description here

我已经尝试使用margin将全屏显示在mat sidenav容器中

<mat-sidenav-container fullscreen>

<mat-toolbar color="primary">
    <div fxShow="true" fxHide.gt-sm="true">
        <button mat-icon-button (click)="sidenav.toggle()"><mat-icon>horizontal_split</mat-icon></button>
    </div>
      <span><strong><a routerLink="home" class="number1">infor</a><a routerLink="home">sys</a></strong></span>

      <div fxShow="true" fxHide.lt-md="true">

          <div class="tes">
          <button mat-button routerLink="about" routerLinkActive="active"><b>About</b></button>
          <button mat-button routerLink="sofi" routerLinkActive="active"><b>SOFI</b></button>
          <button mat-button routerLink="pisi" routerLinkActive="active"><b>PISI</b></button>
          <button mat-button routerLink="dokuku" routerLinkActive="active"><b>Dokuku</b></button>
          <button mat-button routerLink="customers" routerLinkActive="active"><b>Customers</b></button>
          <button mat-button routerLink="career" routerLinkActive="active"><b>Career</b></button>
        </div>
      </div>


    </mat-toolbar>

    <mat-sidenav-container fxFlexFill>
      <mat-sidenav #sidenav fxLayout="column">
        <div fxLayout="column">
          <button (click)="sidenav.toggle()" mat-button>Close</button>
          <button mat-button (click)="sidenav.toggle()" routerLink="about" routerLinkActive="active"><b>About</b></button>
          <button mat-button (click)="sidenav.toggle()" routerLink="sofi" routerLinkActive="active"><b>SOFI</b></button>
          <button mat-button (click)="sidenav.toggle()" routerLink="pisi" routerLinkActive="active"><b>PISI</b></button>
          <button mat-button (click)="sidenav.toggle()" routerLink="dokuku" routerLinkActive="active"><b>Dokuku</b></button>
          <button mat-button (click)="sidenav.toggle()" routerLink="customers" routerLinkActive="active"><b>Customers</b></button>
          <button mat-button (click)="sidenav.toggle()" routerLink="career" routerLinkActive="active"><b>Career</b></button>
        </div>
      </mat-sidenav>

    </mat-sidenav-container>

我只想寻求有关此不必要的空白页问题的帮助,并从底部开始制作图片,以便能够与Mat Tool相连

0 个答案:

没有答案