1块：ion-item

Posted 2020-07-21 淡定君

因为ion-item 一般写于ion-list里 所以在ion-list里面我会仔细讲解。

1、 ion-badge

/* --- page1.html ---*/
 
<ion-navbar *navbar>
  <ion-title>Tab 1</ion-title>
</ion-navbar>
 
<ion-content padding class="page1">
 
 
  <ion-item>
    <ion-icon name="logo-twitter" item-right></ion-icon>
    Followers
    <ion-badge item-left> 999 </ion-badge>
  </ion-item>
 
  <ion-item>
    <ion-icon name="logo-twitter" item-left></ion-icon>
    Followers
    <ion-badge secondary item-right> 999 </ion-badge>
  </ion-item>
 
 
</ion-content>
 
/* --- page1.html ---*/

ion-badge 也可以给予任何颜色属性  <ion-badge secondary item-right> 999 </ion-badge>