unclejoker 发表于 2016-4-25 14:13:08

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

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

iconfont写法：
<i class="icon iconfont"></i>tab代码：
<ion-tabs class="tabs-icon-top tabs-stable tabs-color-active-positive {{hideTabs}}">
    <ion-tab title="首页" icon-on="ion-ios-home" icon-off="ion-ios-home-outline" ui-sref="tab.home">
      <ion-nav-view animation="slide-left-right" name="tab-home"></ion-nav-view>
    </ion-tab>
    <ion-tab title="订单" icon-on="ion-ios-list" icon-off="ion-ios-list-outline" ui-sref="tab.order">
      <ion-nav-view animation="slide-left-right" name="tab-order"></ion-nav-view>
    </ion-tab>
    <ion-tab title="我的" icon-off="ion-ios-keypad-outline" icon-on="ion-ios-keypad" href="#/tab/user">
      <ion-nav-view animation="slide-left-right" name="tab-user"></ion-nav-view>
    </ion-tab>
</ion-tabs>



ionicwang 发表于 2016-4-25 20:18:54

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

http://www.iconfont.cn/


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


unclejoker 发表于 2016-4-25 20:41:01

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 发表于 2016-4-26 08:55:39

你用class也可以的哦

unclejoker 发表于 2016-4-26 12:43:23

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

还是不知道怎么写，能写个代码参考一些吗？
页: [1]
查看完整版本: ionic中的tab图标，想使用iconfont，如何自定义图标？