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

676 阅读1分钟

e-icon-picker 图标选择组件

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

示例图片
示例图片

喜欢的欢迎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);

详细文档

使用

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

捐赠支持

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

另:

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

演示图

用户登录
用户登录
系统首页
系统首页
用户管理
用户管理
用户编辑
用户编辑
角色管理
角色管理
角色编辑
角色编辑
菜单管理
菜单管理
菜单编辑
菜单编辑
岗位管理
岗位管理
岗位编辑
岗位编辑
部门管理
部门管理
部门编辑
部门编辑
操作日志
操作日志
日志详情
日志详情
登录日志
登录日志
服务监控
服务监控
在线用户
在线用户
数据监控
数据监控
个人信息
个人信息
编辑头像
编辑头像