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 グリーンバージョン設定コードと 1067 エラーの詳細
MySQL グリーンバージョン設定コードと 1067 エラーMySQL エンコーディングを表示 &#...
CSS フレキシブルレイアウト FLEX、メディアクエリ、モバイルクリックイベントの実装
フレックスレイアウト定義: Flexレイアウトの要素は、 Flex 、または略して「コンテナー」と呼...
MySQL監視グループレプリケーションについて簡単に説明します
元のテキスト: https://dev.mysql.com/doc/refman/8.0/en/gr...
コネクタコンポーネントから Tomcat のスレッドモデルを見る - BIO モード (推奨)
Tomcat の上位バージョンでは、デフォルト モードは NIO モードを使用することになります。...
MySQL では SQL ステートメントはどのように実行されますか?
目次1. MySQLアーキテクチャの分析1.1 コネクタ1.2 クエリキャッシュ1.3 アナライザー...
CSS3はキングをマッチングさせるときにパーティクルアニメーション効果を実現します
コーディングをしていると、多くのことが同じ結末を迎えることに気づくでしょう。問題を解決する方法は何千...
JS関数の継承について学ぶ記事
目次1. はじめに: 2. プロトタイプチェーン継承: 3. コンストラクタ継承の借用（オブジェクト...
レスポンシブWebデザイン学習（1） - 画面サイズと使用率の決定
最近では、モバイルデバイスがますます普及しており、ユーザーがスマートフォンやタブレットを使用して W...
Vue 仮想 DOM の問題について
目次1. 仮想DOMとは何ですか? 2. 仮想 DOM が必要な理由3. 仮想DOMはどのようにして...
MySQL マスタースレーブレプリケーション切断の一般的な修復方法
目次01 問題の説明02 ソリューション1. 他のスレーブライブラリを見つけてすぐに置き換える2. ...
Centos6.5 でのスーパーバイザーのアップグレード、インストール、および構成に関するチュートリアル
スーパーバイザー紹介Supervisor は、Python で開発されたクライアント/サーバー サー...
UTF-8 および GB2312 ウェブエンコーディング
最近、多くの学生から Web ページのエンコーディングについて質問を受けています。gb2312 と ...
MySQL データベース内の varchar 型の数値のサイズを比較する方法
テストテーブルを作成する -- ---------------------------- -- ch...
WindowsでMysql5.7.17のインストールと起動に失敗する問題を解決する
マシンに初めて MySQL をインストールします。オペレーティングシステムはwin7ですmysqlの...
Nginx Rewrite の使用シナリオと設定方法の分析
Nginx Rewriteの使用シナリオ1. URL アドレスジャンプ。たとえば、ユーザーが pm....