e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

e-icon-picker 图标选择组件

简洁大方,专为element-uifont-awesome图标库开发的图标选择组件,希望大家喜欢!

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第1张图片

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装element-ui组件库。
安装方式请参考element-ui官网的相关文档。 element-ui官网

npm 安装

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

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);

详细文档

使用

 

捐赠支持

开源项目不易,若此项目能得到你的青睐,可以捐赠支持作者持续开发与维护。喜欢的欢迎star 项目地址

另:

本人还有一个开源项目,在项目中的菜单管理使用了该图标组件,喜欢的可以去看看,帮忙点个star,非常感谢!
项目地址: novel

演示图

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第2张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第3张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第4张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第5张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第6张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第7张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第8张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第9张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第10张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第11张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第12张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第13张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第14张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第15张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第16张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第17张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第18张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第19张图片
e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第20张图片 e-icon-picker 基于element-ui图标和fontawesome图标选择器组件_第21张图片

你可能感兴趣的:(javascript,前端,vue.js,icon,element-ui)