e-icon-picker 圖標(biāo)選擇組件
簡(jiǎn)潔大方路幸，專為element-ui和font-awesome圖標(biāo)庫(kù)開(kāi)發(fā)的圖標(biāo)選擇組件荐开，希望大家喜歡！
示例圖片
喜歡的歡迎star 項(xiàng)目地址
Demo
安裝
因?yàn)轫?xiàng)目使用了element-ui的組件進(jìn)行二次開(kāi)發(fā)简肴，所以在使用此組件前請(qǐng)安裝element-ui組件庫(kù)晃听。
安裝方式請(qǐng)參考element-ui官網(wǎng)的相關(guān)文檔。element-ui官網(wǎng)
npm 安裝
推薦使用 npm 的方式安裝砰识，它能更好地和 webpack 打包工具配合使用能扒。
npm install e-icon-picker
快速使用
import iconPicker from 'e-icon-picker';
import 'e-icon-picker/dist/index.css';//基礎(chǔ)樣式
import 'e-icon-picker/dist/main.css'; //fontAwesome 圖標(biāo)庫(kù)樣式
Vue.use(iconPicker);
詳細(xì)文檔
使用
<e-icon-picker v-model="icon"/>
捐贈(zèng)支持
開(kāi)源項(xiàng)目不易，若此項(xiàng)目能得到你的青睞辫狼，可以捐贈(zèng)支持作者持續(xù)開(kāi)發(fā)與維護(hù)初斑。喜歡的歡迎star 項(xiàng)目地址。
另：
本人還有一個(gè)開(kāi)源項(xiàng)目膨处，在項(xiàng)目中的菜單管理使用了該圖標(biāo)組件见秤，喜歡的可以去看看，幫忙點(diǎn)個(gè)star,非常感謝真椿！
項(xiàng)目地址： novel
演示圖
 用戶登錄
|
 系統(tǒng)首頁(yè)
|
|---|---|
 用戶管理
|
 用戶編輯
|
 角色管理
|
 角色編輯
|
 菜單管理
|
 菜單編輯
|
 崗位管理
|
 崗位編輯
|
 部門管理
|
 部門編輯
|
 操作日志
|
 日志詳情
|
 登錄日志
|
 服務(wù)監(jiān)控
|
 在線用戶
|
 數(shù)據(jù)監(jiān)控
|
 個(gè)人信息
|
 編輯頭像
|
