如何設計離子2中標籤的徽章？

我希望覆蓋離子2中tabBadge的默認字體大小，重量和樣式，以便在不同形狀因子上保留可用的不動產。如何設計離子2中標籤的徽章？

<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。

欣賞幫助。

來源

2016-12-27 Prasanna Neelavar

徽章API文檔（而不是他們的組件文檔）可以在https://ionicframework.com/docs/v2/api/components/badge/Badge/

找到它們指示遵循兩個可用青菜變量您：

$徽章字體大小1.3rem徽章的字體大小

$徽章字體重量徽章

另外的粗體字體重量;如果你去https://ionicframework.com/docs/v2/theming/overriding-ionic-variables/並搜索「徽章」，你會得到另外十幾個選項。

外的，可能有更多的無證項可用，或者你可以直接針對CSS類爲您通過文檔檢查器找到他們

來源

2016-12-27 23:42:55

'$徽章字體size'＆'$徽章字體weight'參考到''的樣式，而不是我在'' –

中尋找的'tabBadge'另外我嘗試在相關的'.scss'中添加以下內容：'.tab-badge {...}'它目前解決了這個問題，但我不確定它是否是離子2中推薦的方法 - 而不是使用適當的樣式變量。 –

如何設計離子2中標籤的徽章？

回答

相關問題