angular - ionic2 或 3 使用 ion-split-pane 实现三个视图？

Question

它只适用于一个离子分裂窗格。我在一页中有两个视图。

<ion-split-pane>
  <ion-menu [content]="content">

    <ion-header>
      <ion-toolbar>
        <ion-title>Pages</ion-title>
      </ion-toolbar>
    </ion-header>

    <ion-content>

      <ion-list>
        <ion-item>
          <ion-avatar item-left>
            <img src="assets/img/avatar.jpg">
          </ion-avatar>
          <h2>Cher</h2>
          <p>Ugh. As if.</p>
        </ion-item>
      </ion-list>

    </ion-content>

  </ion-menu>

  <ion-nav [root]="rootPage" #content main></ion-nav>

</ion-split-pane>

之后，我想通过另一个ion-split-pane实现左侧的两个侧边菜单。我在右侧视图中添加了相同的代码。它是黑色的？！如何处理问题？