使用ionic.js和CSS設置圖標

如何在使用CSS的選項卡中設置自己的圖標？現在我默認使用icon-on =「icon ion-ios7-clock」，但我想用我自己的。使用ionic.js和CSS設置圖標

<ion-tab title="Фильтр" icon-on="icon ion-ios7-clock" icon-off="icon ion-ios7-clock-outline" 
      on-select="places.onFilterTabPress()">

來源

2014-12-04 Марк Робинштейн

你必須像它的同爲ion-ios7-clock你使用舉例而言，所有的離子圖標進行定義自己的圖標的CSS類。它實際上是一個帶有圖標的字體。

如果你想爲自己的圖標來使用，那麼你可以只複製在ionic.css找到該類字體：

.my-custom-icon:before { 
     content: "MyIconFontContent"; 
     display: inline-block; 
     font-family: "MyIconFont"; 
     speak: none; 
     font-style: normal; 
     font-weight: normal; 
     font-variant: normal; 
     text-transform: none; 
     text-rendering: auto; 
     line-height: 1; 
     -webkit-font-smoothing: antialiased; 
     -moz-osx-font-smoothing: grayscale; 
}

，如果你想使用的圖像，你可以用它作爲您定義的類中的背景圖像而不是字體。但您可能必須設置固定的寬度和高度。

來源

2014-12-05 00:04:10 lexith

我已經像你說的那樣做了。 '.my-custom-icon：在{ display：inline-block; font-family：「Ionicons」; 說：無; line-height：1; -webkit-font-smoothing：antialiased; -moz-osx-font-smoothing：grayscale; background-image：url（圖標/ assets/01._main_iPhone_assets/icon_2.png）; }'但圖像沒有出現 – 2014-12-05 00:57:22

使用ionic.js和CSS設置圖標

回答

相關問題