在 tabs 頁面寫入自定義的圖標
<ion-tab ?href="#/tab/activeity" ?icon="bar-activity-on" icon-on="bar-activity-on" icon-off="bar-activity-off">
<ion-nav-view name="activity-tab"></ion-nav-view>
<ion-tab/>
在css樣式中寫入
.tab-item? i.bar-activity-on {
background-image: url(../img/active-click.png);
}
.tab-item? i.bar-activity-off {
background-image: url(../img/active.png);
}
.tab-item? i.bar-teahouse-on {
background-image: url(../img/tea-house-click@3x.png);
}
這樣就可以使用自己定義的小圖標了
