ionic中的tab图标，想使用iconfont，如何自定义图标？

unclejoker

ionic中的tab图标，想使用iconfont，如何自定义图标？

iconfont写法：

1. <i class="icon iconfont"></i>

复制代码

tab代码：

1. <ion-tabs class="tabs-icon-top tabs-stable tabs-color-active-positive {{hideTabs}}">
   
2.     <ion-tab title="首页" icon-on="ion-ios-home" icon-off="ion-ios-home-outline" ui-sref="tab.home">
   
3.         <ion-nav-view animation="slide-left-right" name="tab-home"></ion-nav-view>
   
4.     </ion-tab>
   
5.     <ion-tab title="订单" icon-on="ion-ios-list" icon-off="ion-ios-list-outline" ui-sref="tab.order">
   
6.         <ion-nav-view animation="slide-left-right" name="tab-order"></ion-nav-view>
   
7.     </ion-tab>
   
8.     <ion-tab title="我的" icon-off="ion-ios-keypad-outline" icon-on="ion-ios-keypad" href="#/tab/user">
   
9.         <ion-nav-view animation="slide-left-right" name="tab-user"></ion-nav-view>
   
10.     </ion-tab>
    
11. </ion-tabs>

复制代码

ionicwang

http://ionicons.com/   这个上面有图标 ionic自带的，不够用的话可以看看下面地址

http://www.iconfont.cn/


还不够用的话可以自己写图标，用css自定义，或者做个图片  用css设置

unclejoker

ionicwang 发表于 2016-4-25 20:18
http://ionicons.com/   这个上面有图标 ionic自带的，不够用的话可以看看下面地址

http://www.iconfont.c ...

http://www.iconfont.cn/，我就是想用iconfont，但是iconfontde 的写法和icon-on写法不一样，icon-on 直接就是 ion-ios-home这样，而iconfont用<i class="icon iconfont"></i>

ionicwang

你用class也可以的哦

unclejoker

ionicwang 发表于 2016-4-26 08:55
你用class也可以的哦

还是不知道怎么写，能写个代码参考一些吗？