e-icon-picker v1.0.11がリリースされ、cdnおよびカスタムsvgアイコンがサポートされました

e-icon-picker  v1.0.11がリリースされました、更新ログ：

1 。 サポートのための新しいSVGアイコン。
2 。 サポートCDNを導入アップグレードします。
3 。 更新依存性。
4 。 他の最適化。

e-icon-pickerアイコン選択コンポーネント

以下のために設計された、シンプルでエレガントな`要素-ui`（独立した要素-UIからすでに利用可能）と`フォントawesome`ライブラリ開発コンポーネントのアイコン（オプション）選択アイコン、のようにあなたを願っています！

お気に入りのウェルカムスター プロジェクトの住所

デモ

オンラインテスト

オンラインAPI

インストール

プロジェクトは二次開発にelement-uiコンポーネントを使用するため、このコンポーネントを使用する前にelement-uiコンポーネントライブラリをインストールしてください。 インストール方法については、element-uiの公式サイトの関連資料をご覧ください。element-ui公式ウェブサイト。

element-uiから分離されており、element-uiをインストールする必要はありません。

 

npmインストール

npmを使用してインストールすることをお勧めします。これは、Webpackパッケージツールでより適切に機能します。

NPM インストール電子アイコンピッカーを

cdnの紹介

<!-- 引入组件库 -->
https://unpkg.com/e-icon-picker/dist/index.js
<!-- 引入样式 -->
https://unpkg.com/e-icon-picker/dist/index.css

すぐに使える

import iconPicker from 'e-icon-picker';
import "e-icon-picker/dist/symbol.js"; //基本彩色图标库
import 'e-icon-picker/dist/index.css'; // 基本样式，包含基本图标
import 'font-awesome/css/font-awesome.min.css'; //font-awesome 图标库
import 'element-ui/lib/theme-chalk/icon.css'; //element-ui 图标库

Vue.use(iconPicker);

svgアイコン詳細なドキュメントを参照してください

• ドキュメントを使用する

使用する

 < e-icon-picker v-model = "icon" />