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 圧縮版のインストールと設定方法のグラフィックチュートリアル
推薦する
ウェブデザイナーは3つの側面からウェブページを最適化する必要がある
<br />帯域幅の増加に伴い、Web ページ上のオブジェクトも増えているため、Web ...
Vue+element+oss はフロントエンドのフラグメントアップロードとブレークポイント再開を実現します
純粋なフロントエンド実装:切片上傳斷點續傳。斷點續傳カットとアップロードに基づいて実装する必要があり...
インスピレーションを得るための7つのクールなダイナミックウェブサイトデザイン
デザインの分野では、毎年さまざまなデザインのトレンドや流行があります。たとえば、近年のレスポンシブデ...
WeChatミニプログラムページとコンポーネント間の情報伝達と機能呼び出し
今回は、私自身の開発経験を踏まえて、以下の観点で関連内容を解説します。ページからコンポーネントにデー...
Windows 10 での Hyperledger Fabric 1.4 環境構築プロセスの図
内容Hyperledger fabric1.4環境のWindows 10でのセットアップ前提条件Wi...
HTML テーブル境界制御実装コード
一般的に、テーブルを使用する場合は、常に <table border="1"...
jQueryの競合問題を解決する方法
フロントエンド開発において、$ は jQuery の関数です。$ のパラメータが異なると、実装される...
CSS3 における構造擬似クラスセレクターと擬似要素セレクターの使い方の詳細な説明
構造擬似クラスセレクタの紹介構造擬似クラスセレクターは、いくつかの特殊効果を処理するために使用されま...
CentOS 6.6 ソースコードのコンパイルと MySQL 5.7.18 のインストールチュートリアルの詳細な説明
1. ユーザーとグループを追加する1. mysqlユーザーグループを追加する # グループ追加mys...
Ubuntu 20.04 に cuda10.1 をインストールする手順 (グラフィック チュートリアル)
インストール前の準備CUDA の主な目的はディープラーニングであり、現在主流のディープラーニングフレ...
WebデザイナーがRetinaディスプレイデバイス向けの画像を作成する方法
特記事項:この記事は、Chris Spooner の英語記事「Web デザイン用の Retina グ...
JavaScript操作要素は、ページコンテンツのスタイルを変更する方法を教えます
目次1. 操作要素1.1. 要素コンテンツの変更1.2. innerText と innerHtml...
擬似静的およびクライアント適応型 Nginx の設定方法
バックエンドは thinkphp3.2.3 フレームワークを使用します。他の言語を使用している場合は...
React forwardRefの使い方と注意点
これまで react.forwardRef は react の高階コンポーネントには適用できませんで...
Mybatis マッパー動的プロキシの原理の分析
序文動的プロキシの原理を説明する前に、まず、mybatis を統合した後の dao 層の 2 つの実...