Question

如文件中所述 http://ionicframework.com/docs/v2/components/#tabs-icon-text 该选项卡将显示icon.I使用相同的代码。但我的图标不显示为什么？我喜欢那样

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="leaf" style='background-color:red!important'></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="water"></ion-tab>
</ion-tabs>

为什么不显示叶子和水图标？ http://plnkr.co/edit/XZf6ReT1YESQNgONgcMm?p=preview

Answer 1

它没有在您的plunker中工作，因为您还没有加载css定义，但它可以在真正的离子项目中工作。

如果你添加

<link href="http://code.ionicframework.com/1.3.1/css/ionic.css" rel="stylesheet">

到您的index.html文件，它将在plunker中运行

为什么图标在文档中没有显示？

1 个答案: