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」と書かれています
私は何を間違っていますか?