0

我正在尝试使用 material2 sidenav 组件。我希望它与内容分开。只是一个全高的侧边栏,可以在那里和向后滑动 - 没有任何 sidenav 布局,因为它在我的应用程序布局中创建了一些不需要的东西。

我想要的看起来非常接近https://inbox.google.com/u/0/?pli=1 sidenav。我目前拥有的是:

在此处输入图像描述

在此处输入图像描述

4

1 回答 1

2

如果要分离侧边栏和主要内容,使用引导列类实现如下,

<md-sidenav-container class="container-fluid">
  <div class="col-md-1">
    <button md-button (click)="sidenav.open()">
      <i class="fa fa-list"></i>
    </button>
  </div>
  <div class="col-md-11">
    Main content goes here
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  </div>
  <md-sidenav #sidenav class="example-sidenav">
   Manu bar
  </md-sidenav>

</md-sidenav-container>

注意:添加中断标签以增加内容的高度。

现场演示

于 2017-03-04T22:17:03.420 回答