简洁大方,专为element-ui
和font-awesome
图标库开发的图标选择组件,但愿你们喜欢!css
喜欢的欢迎star 项目地址html
在线测试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工具
演示图
![]() |
![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |