ionic 自定义tab小图标
2016-12-16 本文已影响0人
H5日常记
在 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);
}
这样就可以使用自己定义的小图标了
