ionic3 UI Components学习3：Badges 徽标

时间 2021-06-05 标签 git github api sass app ionic 字体 spa code component

1.Badges 徽标概述

徽标是一般将数值传递给用户的小部件。它们一般用于项目中。Demo 源代码

git

2.基本用法github

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

徽标也能够被赋予任何颜色属性：api

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

徽标是ionic中包含数字或文字的简单组件。您能够显示一个徽标来代表有与它所在项目相关的新信息。sass

Property	Default	Description
$badge-font-size	1.3rem	徽标的字体大小
$badge-font-weight	bold	徽标的字体权重