Question

我希望覆盖inionic 2中tabBadge的默认字体大小，重量和样式，以保持不同外形的可用空间。

<ion-tabs tabsHighlight="true">  
  <ion-tab [root]="tabOne" [tabBadge]="badgeOne"  [tabTitle]="titleOne"></ion-tab>
  <ion-tab [root]="tabTwo" [tabBadge]="badgeTwo"  [tabTitle]="titleTwo"></ion-tab>
</ion-tabs>

ionic 2 documentation - 未提及有关tabBadge的样式变量的详细信息。

感谢帮助。

Answer 1

徽章API文档（与其组件文档相对）可在https://ionicframework.com/docs/v2/api/components/badge/Badge/

找到

他们为您指出以下两个可用的sass变量：

$ badge-font-size 1.3rem徽章的字体大小

$ badge-font-weight bold徽章的字体粗细

此外;如果你转到https://ionicframework.com/docs/v2/theming/overriding-ionic-variables/并搜索＆＃34;徽章＆＃34;你得到另外十几种选择。

除此之外，可能还有更多未记录的项目，或者您可以通过文档检查器直接找到css类

如何设置离子2中标签的徽章？

1 个答案: