Question

我想将自己的图标添加到ons-tab图标属性，onsen页面说我需要用背景img创建我自己的css，我已经尝试过了，但是没有用，这就是我所拥有的

     .home-icon{
     font-size: 40px;
     height: 1em;
     background-image: url('assets/icon-start-color.png') 
     center/contain no-repeat;
     }

在我的html文件中，这就是我如何称呼这个新的＆＃34;图标

<ons-tabbar swipeable position="auto">
  <ons-tab page="inicio.html" label="Inicio" icon="home-icon" active>

  </ons-tab>
</ons-tabbar>

但它不起作用，有关如何添加我的图标的想法吗？

Answer 1

假设您已经验证了您的图标在tabbar之外工作，这里可能发生的是图标的onsen autoprefix。

Onsen自动为任何与'md-'，'fa-'或'ion-'与'fa-'匹配的图标添加前缀，因此您可以使用ons.disableIconAutoPrefix（）检查这是否是问题如文档中所述： https://onsen.io/v2/guide/faq.html#how-can-i-use-custom-icon-packs

如果这不是问题，请更新显示图标导入代码的问题。

如何将自己的图标添加到ons-tab图标属性

1 个答案: