0

我正在使用 angular 12 和 ionic 5,我正在尝试制作一个可滑动 2 页的组合视图。在第一个视图中,我在底部有一个超级标签部分。

我将每一页都放在一个离子幻灯片中以使页面可滑动,但是当我这样做时,超级标签部分变得不可见。有什么问题?

<ion-content class="ion-padding">
  <ion-slides #mySlider>
    <ion-slide>

      (...Not relevant content...)

      <super-tabs>
        <super-tabs-toolbar scrollable slot="top" scrollablePadding="false">
          <super-tab-button>
            <ion-label>Tab1</ion-label>
          </super-tab-button>
          <super-tab-button>
            <ion-label>Tab2</ion-label>
          </super-tab-button>
        </super-tabs-toolbar>
        <super-tabs-container swipeEnabled="true">
          <super-tab>
            <ion-content>
              Tab #1
            </ion-content>
          </super-tab>
          <super-tab>
            <ion-content>
              Tab #2
            </ion-content>
          </super-tab>
        </super-tabs-container>
      </super-tabs>
    </ion-slide>
    <ion-slide>
      PAGE 2 (hidden until I swipe)
    </ion-slide>
  </ion-slides>
</ion-content>

我标记为“不相关内容”的内容保持可见,但超级标签消失

4

0 回答 0