e-icon-picker 圖標選擇組件

vue 3正式版本已經(jīng)發(fā)布，請運行 `npm install install e-icon-picker@next` 安裝，使用方式和1.xx一致

簡潔大方，專為`element-ui`（已經(jīng)脫離element-ui獨立可用）和`font-awesome`（可選）圖標庫開發(fā)的圖標選擇組件，希望大家喜歡！

喜歡的歡迎star 項目地址

示例和文檔

在線文檔

安裝

因為項目使用了element-ui的組件進行二次開發(fā)，所以在使用此組件前請安裝element-ui組件庫。 安裝方式請參考element-ui官網(wǎng)的相關(guān)文檔。element-ui官網(wǎng)。

已經(jīng)脫離element-ui，不需要再安裝element-ui了。

npm 安裝

推薦使用 npm 的方式安裝，它能更好地和 webpack 打包工具配合使用。

npm install e-icon-picker -S

快速使用

import iconPicker from 'e-icon-picker';
import "e-icon-picker/lib/symbol.js"; //基本彩色圖標庫
import 'e-icon-picker/lib/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, {FontAwesome: true, ElementUI: true, eIcon: true, eIconSymbol: true});

使用

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