ionic3 UI Components學習3：Badges 徽標

1.Badges 徽標概述

徽標是一般將數值傳遞給用戶的小部件。它們一般用於項目中。Demo 源代碼

2.基本用法

<ion-item>
  <ion-icon name="logo-twitter" item-start></ion-icon>
  Followers
  <ion-badge item-end>260k</ion-badge>
</ion-item>

徽標也能夠被賦予任何顏色屬性：

<ion-badge color="secondary"></ion-badge>

2.Badge API

徽標是ionic中包含數字或文字的簡單組件。您能夠顯示一個徽標來代表有與它所在項目相關的新信息。

2.1 Sass Variables 變量

Property	Default	Description
$badge-font-size	1.3rem	徽標的字體大小
$badge-font-weight	bold	徽標的字體權重

iOS和Material Design 的 Sass Variables請點擊這裏