uniappでiconfontを使用する方法

uniapp で iconfont を使用する方法: まず必要なアイコンをダウンロードし、次に unicode を選択してクリックしてコードを生成し、次に iconfont.css に戻って css ファイルを開きます。最後に [https を追加する必要があります] [//at] :] の前に追加して、iconfont を呼び出します。

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、Dell G3 コンピューター。

推奨 (無料): uni-app 開発チュートリアル

uniapp でアイコンフォントを使用する方法:

#最初のステップ

ステップ 2

ステップ 3

ステップ 4

生成が完了したらクリックします。コードをコピーします。

#ステップ 6

iconfont.css に戻って開きます。 css ファイル。赤いボックスの内容に注意してすべて削除し、

# に置き換えます。

#https:

<template>
    <view class="translation">
                <!--可以愉快的调用啦-->
        <view class="iconfont icon-huhuan"></view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                val: &#39;iconfont的使用&#39;
            }
        }
    }
</script>
<style>
/*选择iconfont.css所在的路径*/
@import &#39;../../static/iconfont/iconfont.css&#39;;
</style>

以上がuniappでiconfontを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。