Vueでアイコンをカスタマイズする手順
|
ant-design-vue は Ali iconfont icons の使用をカスタマイズします\ ステップ1: iconfontからプロジェクトjsリンクを取得する
2 番目のステップは、必要なページにアイコンフォントを追加することです。
Deomでの使用:
<あ>
<Fonts type='icon-zutaishitu'/>
</a>
'ant-design-vue' から { Icon } をインポートします。
const フォント = Icon.createFromIconfontCN({
スクリプト URL: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
})
エクスポートデフォルト{
コンポーネント:
フォント
}
}効果：
これで、vue カスタム アイコンに関するこの記事は終了です。vue カスタム アイコンに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: IIS 7.5では、HTMLはSHTMLのようなinclude関数（モジュールマッピングの追加）をサポートします。
>>: MySQL 5.7.25 圧縮版のインストールと設定方法のグラフィックチュートリアル
推薦する
MySQL 最適化のケーススタディ
1. 背景Youzan の各 OLTP データベース インスタンスには、実行時間が特定のしきい値を超...
CSS3はリストの無限スクロール/カルーセル効果を実現します
効果プレビューアイデア現在のリストを最後の項目までスクロールし、すぐに最初の項目に戻ります。問題1....
デザインのヒント: きっと気に入っていただけると思います
<br />このタイトルを見ると、見覚えがあるかもしれません。多くのウェブサイトが同様の...
Linux gzipコマンドの使用
1. コマンドの紹介gzip (GNU zip) コマンドは、ファイルの圧縮と解凍に使用されます。こ...
Linuxプロセス通信におけるFIFOの実装
FIFO通信（先入れ先出し）関連のないプロセス間の通信を可能にする FIFO 名前付きパイプ。パイプ...
Vue.jsはコンポーネントを通じてアイコンを処理します
アイコン処理ソリューションこの記録の目的は、element-plus 以外のアイコンをコンポーネント...
CSS を使用してテクスチャ付きグラデーション背景画像を記述するためのサンプル コード
プロジェクト内のページの長さはおよそ2000px以上あり、背景画像にはテクスチャやグラデーションがあ...
中国語と英語のフォント名の比較表（FounderとArphicを含む）
CSS ファイルでは、フォント名が文字化けしていることがよくあります。これは、作成者が中国語フォン...
JavaScript オブジェクトの 3 つのプロパティ
目次1. 書き込み可能: 書き込み可能2. 列挙可能: 列挙可能3. 設定可能: 設定可能オブジェク...
Webリクエストと処理のTomcatソースコード分析
目次序文1. エンドポイント2. 接続ハンドラ3. コヨーテ4. コンテナ責任チェーンパターン序文T...
Dockerコンテナにnginxを簡単にデプロイするプロセスの分析
1. コンテナにnginxサービスをデプロイするcentos:7 イメージはコンテナを実行し、このコ...
VMWare Linux MySQL 5.7.13 のインストールと設定のチュートリアル
この記事では、参考までにVMWare LinuxにMySQL 5.7.13をインストールするチュート...
MySQLフィルタリングレプリケーションのアイデアの詳細な説明
目次mysql フィルター レプリケーションメインデータベースに実装ライブラリから実装いくつかの質問...
親子コンポーネントの通信を解決するための3つのVueスロット
目次序文環境の準備カテゴリコンポーネントアプリのコンポーネント1. デフォルトスロット2. 名前付き...
Web ページでパラメータ名によって ActiveX コントロールのプロパティに値を割り当てる例
コードをコピーコードは次のとおりです。 <HTML> <ヘッド> <T...