ionic下如何在tabs中使用自己的图片?
根据示例，下边栏的tab一般可以写为：
<ion-tab title="{{'Newest' | translate}}" icon-off="ion-ios-timer" icon-on="ion-ios-timer" href="#/app/whatsnew">
<ion-nav-view name="app-whatsnew"></ion-nav-view>
</ion-tab>
请问这里如何使用自己的图片呢?
F藐视A一切Y
9 years, 6 months ago
Answers
你可以参考 这篇文章 的解决方式。
简而言之，就是自己定义一个css，如下：
.tabs .tab-item .icon.myicon {
background-repeat: no-repeat;
background-position: 50%;
height: 70%;
background-image: url('../img/icons/icon_test_512.png');
background-size:contain;
}
然后，你就可以在html中使用 myicon了，如下：
<ion-tab title="test" icon-off="myicon" icon-on="myicon" href="#/app/test">
<ion-nav-view name="app-test"></ion-nav-view>
</ion-tab>
foxnake
answered 9 years, 6 months ago
