如何在 ionic3 中的选项卡图标上添加一个点？

Question

我想在某些参数更改时在选项卡图标上添加一个红点。例如全局参数isMessage，为true时加红点，否则不加红点

类似这样。

我的html代码是：

<ion-tabs>
  <ion-tab [root]="tab0Root" [tabTitle]="tab0Title" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab1Root" [tabTitle]="tab1Title" tabIcon="message"></ion-tab>
  <ion-tab [root]="tab2Root" [tabTitle]="tab2Title" tabIcon="bluetooth"></ion-tab>
</ion-tabs>

你能帮忙吗？

Answer 1

您可以使用 ion-badge，请在此处查看文档 https://ionicframework.com/docs/api/badge

如何在 ionic3 中的选项卡图标上添加一个点？

How to add a dot on tab icon in ionic3?

html

css

ionic3