uniapp参照iconfontアイコン

私はuniapp導入iconfontが実際にピットであると言っています。以下の方法が可能です。

メソッドの紹介:

1.、良いアイコンconfont公式サイトを探すのコードをコピーして、上をクリックし、

2.次のように、ページを開くには、赤い円は、コードをコピーしますが表示されます。

 

 3.新しい共通フォルダ、その後uniappプロジェクト、共通のフォルダの新しいiconfont.css。2ステップiconfont.cssを開くためのコードをコピーしてください。次のように:あなたがhttpsで連結されているiconfont.cssラインパスを変換したいファイル内のURLパスを覚えています:

4.グローバルApp.vueに「./common/iconfont.css」@import紹介文書、

アセンブリは、それに参照されています

< テキストクラス= "iconfontアイコンtuikuanshouhou" > </ テキスト>
                

効果:

 

おすすめ

転載: www.cnblogs.com/lwming/p/11329266.html