0

CSSを使用してタブに独自のアイコンを設定するにはどうすればよいですか? 現在、デフォルトで icon-on="iconion-ios7-clock" を使用していますが、独自のものを使用したいと考えています。

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

1 に答える 1

0

たとえば、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-05T00:04:10.267 に答える