如何创建离子 2 选项卡自定义标题

Question

我的离子内容中有这个

<ion-content >    
  <super-tabs>
    <super-tab [root]="page1" title="First page" icon="home"></super-tab>
    <super-tab [root]="page2" title="Second page" icon="pin"></super-tab>
    <super-tab [root]="page3" title="Third page" icon="heart"></super-tab>
  </super-tabs>
</ion-content>

结果将是 -> http://prntscr.com/h10myc

我希望我的选项卡结果符合预期 -> http://prntscr.com/h10sk1

这可能吗？我可以在离子标签中创建自定义标题吗？

这样，我可以在标题上方添加数字。请帮忙。谢谢。

Answer 1

据我所知，如果不使用定制的选项卡界面，就无法做到这一点。但是，执行此操作的另一种方法是使用所需的数字实现tabBadge属性。例如

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabBadge="25" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Pizza" tabBadge="18" tabIcon="cafe"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Contact" tabBadge="49" tabIcon="information-circle"></ion-tab>
</ion-tabs>