# 图标选择组件

简洁大方,专为element-ui(已经脱离element-ui独立可用)和font-awesome(可选)图标库开发的图标选择组件,希望大家喜欢!

示例图片

示例图片

喜欢的欢迎star 项目地址 (opens new window)

# 快速使用

import eIconPicker from 'e-icon-picker';
import "e-icon-picker/lib/symbol.js"; //基本彩色图标库
import 'e-icon-picker/lib/index.css'; // 基本样式,包含基本图标
import 'font-awesome/css/font-awesome.min.css'; //font-awesome 图标库
import 'element-ui/lib/theme-chalk/icon.css'; //element-ui 图标库

//全局删除增加图标
Vue.use(eIconPicker, {
    FontAwesome: true,
    ElementUI: true,
    eIcon: true,//自带的图标,来自阿里妈妈
    eIconSymbol: true,//是否开启彩色图标
    addIconList: [],
    removeIconList: [],
    zIndex: 3100//选择器弹层的最低层,全局配置
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# 使用

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

# 捐赠支持

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

收款码

捐赠名单

*莹 柳叶筏 (opens new window)

另:

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

演示图

用户登录 系统首页
用户管理 用户编辑
角色管理 角色编辑
菜单管理 菜单编辑
岗位管理 岗位编辑
部门管理 部门编辑
参数管理 参数编辑
操作日志 日志详情
登录日志 服务监控
在线用户 数据源监控
个人信息 编辑头像
定时任务 任务日志
SQL监控 SQL监控详情
WEB监控 SQL防火墙
Spring监控 Spring监控详情
个人网盘 图片预览
上次更新: 2023/8/25 12:20:40