uniapp でアイコンの色を変更する方法: まず、iconfont.js をプロジェクトに導入し、次に「」メソッドで色を設定し、最後にアイコンのサイズを変更します。
このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、Dell G3 コンピューター。
おすすめ (無料): uni-app チュートリアル
色付きアイコンの紹介
1. iconfont.js
// main.js import './assets/iconfont.js'
2 を導入します。
<svg class="icon" aria-hidden="true"> <use xlink:href="#qc-icecream"></use> </svg>
3 を使用します。サイズ
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
以上がuniappでアイコンの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。