アリはVUEで小さなノートアイコンライブラリプロジェクトを導入しました

Vueのテクノロジ・スタックの開発を使用すると、効率的なだけでなく、非常に友好的ではないだけで、VUEベースのUIフレームワークがたくさんあり、例えば:要素というように、しかし、欠点は、そのようなフレームワークは、あまりにもアイコンということです。この問題を解決するために、我々は、VUEを使用する方法、例えば、アリにサードパーティ製のフォントライブラリ、アイコンライブラリ今日を導入しなければなりませんでした。

1は、すべての最初には、適切なアイコンを見つけ、その後、右上隅のショッピングカートのアイコンをクリックし、ストレージの追加]をクリックします。

2、あなたはちょうどあなたが追加する(プロジェクトの事前に構築された)項目を選択し、サイドバーに表示できるアイコンを選択し、[OK]をクリックします。

3は、私のプロジェクトのページには、ローカルのボタンに、ダウンロードをクリックして、良いを選択するために、すべてのアイコンを見ることができます。

4、次のディレクトリにすべてのファイルをコピーし、ファイルを解凍します。

5、iconfont.css main.jsファイル内に導入しました。

 

 6、アイコンは現在のプロジェクトで導入することができます。あなたはiconfontクラスを追加し、クラス名としてのアイコン名を追加する必要があります。

<Iクラス= "iconfont icontuding"> </ I>

 

おすすめ

転載: www.cnblogs.com/zixian/p/vue_iconfont.html