我正在使用 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>
我标记为“不相关内容”的内容保持可见,但超级标签消失