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 圧縮版のインストールと設定方法のグラフィックチュートリアル
推薦する
CentOS6.5 でファイル共有サービス Samba を構築するチュートリアル
Samba サービス:このコンテンツはサンバサービス学習者の参考用ですケースの説明:企業の管理者は、...
CSS3 を使用して楕円軌道の回転を実装するサンプルコード
最近、次のような効果を達成する必要がある最初は、CSS3D回転を使用して記述すると、次の効果しか得ら...
MySQL インデックスの詳細な説明
目次1. インデックスの基本1.1 はじめに1.2 インデックスの仕組み1.3 インデックスの種類1...
Vue.js ドラッグ可能なテキストボックスコンポーネントの使用方法の詳細な説明
目次コンポーネントの登録コンポーネントの追加ソースコードドラッグ可能なテキスト ボックスでは、ユーザ...
Nginxはhttpリクエスト実装プロセス分析を処理する
Nginxはまず、設定ファイル内のどのserver{}ブロックを処理に使用するかを決定します。次のs...
CocosCreator で物理エンジン ジョイントを使用する方法
目次マウスジョイント マウスジョイント距離ジョイント距離ジョイントモータージョイント直動ジョイント変...
MySQL の挿入ステートメントの使用実体験
目次1. 挿入のいくつかの構文1-1. 通常の挿入文1-2. 挿入または更新1-3. 挿入または交換...
MySQLのバックアップとリカバリの簡単な分析
目次1. はじめに2. バックアップとリカバリの簡単な定義3. 復旧計画で考慮すべきいくつかの要素4...
MySQL における楽観的ロックと悲観的ロックの例
データベース管理システムにおける同時実行制御のタスクは、データベース内の同じデータに同時にアクセスす...
IEウェブページのポップアップウィンドウの共通パラメータは自分で設定できます
ポップアップは、現在のウィンドウにメニューツールバーがあるかどうかとは関係ありません。ページにスクリ...
相対幅と絶対幅が競合する場合の HTML+CSS div ソリューション
相対幅と絶対幅が競合する場合のdivソリューション概要: 一般的に、絶対幅を使用する場合は px を...
CSS3 すりガラス効果
すりガラス効果がうまく表現されていれば、ページが非常に鮮やかで立体的に見えるようになります。写真に直...
VMware仮想マシンの起動時に黒い画面が表示される問題を解決する
# VMware ハードディスクの起動優先順位を調整するステップ 1: 電源をオンにすると、BIOS...
Logrotate は 2 時間ごとに Catalina.out ログローテーションを実装します
1. Logrotateツールの紹介Logrotate はログファイル管理ツールです。Linux に...
Linux を使用して時間指定ファイルが占有するディスク容量を計算する方法
スケジュールされたタスク エディターを開きます。Cent は、デフォルトで vim を使用して直接開...