e-icon-picker 基於element-ui圖標和fontawesome圖標選擇器組件

e-icon-picker 圖標選擇組件

簡潔大方,專爲element-uifont-awesome圖標庫開發的圖標選擇組件,但願你們喜歡!css

示例圖片

喜歡的歡迎star 項目地址html

Demo

在線測試webpack

在線APIgit

安裝

由於項目使用了element-ui的組件進行二次開發,因此在使用此組件前請安裝element-ui組件庫。
安裝方式請參考element-ui官網的相關文檔。 element-ui官網

npm 安裝web

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

npm install e-icon-picker

快速使用

import iconPicker from 'e-icon-picker';
import 'e-icon-picker/dist/index.css';//基礎樣式
import 'e-icon-picker/dist/main.css'; //fontAwesome 圖標庫樣式

Vue.use(iconPicker);

詳細文檔element-ui

使用

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

捐贈支持

開源項目不易,若此項目能獲得你的青睞,能夠捐贈支持做者持續開發與維護。喜歡的歡迎star 項目地址api

另:bash

本人還有一個開源項目,在項目中的菜單管理使用了該圖標組件,喜歡的能夠去看看,幫忙點個star,很是感謝!
項目地址: novel工具

演示圖

用戶登陸 系統首頁
用戶管理 用戶編輯
角色管理 角色編輯
菜單管理 菜單編輯
崗位管理 崗位編輯
部門管理 部門編輯
操做日誌 日誌詳情
登陸日誌 服務監控
在線用戶 數據監控
我的信息 編輯頭像
相關文章
相關標籤/搜索