uniapp が Ali アイコン ライブラリを導入
プロジェクト開発にはアイコンの使用が欠かせません。アイコン ライブラリのカスタマイズに加えて、分類されたアイコンが多数含まれている Ali のアイコン ライブラリを使用すると便利です。基本的に、使いたいアイコンがすべて揃っています。見た目も良く、使い方もとても便利です。以下を見てみましょう。
1.公式サイト選択アイコン
公式サイトアドレス:https://www.iconfont.cn/
公式ウェブサイトに入ると、好きなアイコンを選択して自分のプロジェクトに追加できます。プロジェクトがない場合は、自由に新しいアイコンを作成できます。新しいアイコンは最初にショッピングカートに追加され、その後その時に一緒にプロジェクトに追加されました。
2. ファイルをローカルにダウンロードします。
直接クリックしてローカルにダウンロードすると、スタイルアイコンファイルを含む圧縮パッケージがダウンロードされるので、解凍するだけです。
3. 依存関係をインストールする
ここでのインストールの依存関係は npm の方法でインストールされます。この依存関係ライブラリは後でスタイル実行ファイルを生成するために使用されるため、この依存関係はここでインストールする必要があります。
npm install -g iconfont-tools
或
cnpm install -g iconfont-tools
4. 実行ファイル
コマンド ラインを開き、ダウンロードしたファイル ディレクトリを入力し、次のコマンドを実行し、必要に応じて入力します。(オプションを見て自分でやってください。理解できない場合は、私の言うとおりにやってください。私はここにいます、偶然ではありません)
iconfont-tools
5. アイコンを使用する
<view class="t-icon t-icon-dianzan"></view>
dianzan
これはアイコンのコードです。各アイコンは異なります。自分で試してみてください。