0

Ionic/cordova アプリを作成しており、Ionic アイコンを使用しようとしています。「ios」命名を使用すると完全に機能しますが、ジェネリックまたは md 名を使用すると機能しないことに気付きました。その場合、アイコンは表示されません。プラットフォームごとに最適なアイコンを自動的に選択したいと思います(ドキュメントに従って何をすべきか)

タブの例

最初のタブに次のコードがあります。

<ion-tab title="tab1" icon-off="ion-ios-list-outline" icon-on="ion-ios-list" href="#/tab/list">
(converts to <i class="icon ion-ios-list" ng-if="getIcon()" style=""></i>)

=> アイコンが表示されます

ただし、一般的な名前または材料設計名を使用する場合:

<ion-tab title="tab1" icon-off="ion-list" icon-on="ion-list" href="#/tab/list">
(converts to <i class="icon ion-list" ng-if="getIcon()"></i>    
or for md <i class="icon ion-md-list" ng-if="getIcon()" style=""></i>)

=> アイコンがありません

ボタンの例

<button class="button button-icon ion-person-outline"></button>=> アイコンなし
<button class="button button-icon ion-ios-person-outline"></button>=> 機能
する バーコードやリストなどの他のアイコンについても動作は同じです。

ios なしで動作する例外があり、それが「プラス」アイコンです:
<button class="button button-icon ion-plus"></button>=> 動作します! '私が使用する必要があるドキュメント
に よると、十分に奇妙ですが、アイコンも表示されません。ion-add

イオンアイコンの使用

イオン アイコンを使用すると、アイコンがまったく表示されません (DOM を調べると、幅と高さも 0 であることが示されます)
<ion-icon name="add"></ion-icon>=> アイコンなし
<ion-icon name="plus"></ion-icon>=> アイコンなし


参考までに、私はVisual Studio、Cordova CLI 6.2.0を使用しており、ファイル/css/ionic.app.cssには「Ionicons、v2.0.1」と書かれています

私は何を間違っていますか?

4

1 に答える 1