django-vue3-admin-web/node_modules/e-icon-picker
2025-10-20 21:21:14 +08:00
..
components 初始化 2025-10-20 21:21:14 +08:00
constants 初始化 2025-10-20 21:21:14 +08:00
icon 初始化 2025-10-20 21:21:14 +08:00
theme 初始化 2025-10-20 21:21:14 +08:00
utils 初始化 2025-10-20 21:21:14 +08:00
index.css 初始化 2025-10-20 21:21:14 +08:00
index.d.ts 初始化 2025-10-20 21:21:14 +08:00
index.iife.js 初始化 2025-10-20 21:21:14 +08:00
index.js 初始化 2025-10-20 21:21:14 +08:00
index.mjs 初始化 2025-10-20 21:21:14 +08:00
index.umd.js 初始化 2025-10-20 21:21:14 +08:00
LICENSE 初始化 2025-10-20 21:21:14 +08:00
package.json 初始化 2025-10-20 21:21:14 +08:00
README.md 初始化 2025-10-20 21:21:14 +08:00

e-icon-picker 图标选择组件

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

示例图片

示例图片

喜欢的欢迎star 项目地址

安装

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

已经脱离element-plus不需要再安装element-plus了。

npm 安装

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

npm install e-icon-picker@next -S

快速使用

import {createApp} from 'vue';
import App from './App.vue';
import eIconPicker from 'e-icon-picker';
import "e-icon-picker/icon/default-icon/symbol.js"; //基本彩色图标库
import 'e-icon-picker/index.css'; // 基本样式,包含基本图标
import 'font-awesome/css/font-awesome.min.css'; //font-awesome 图标库

let app = createApp(App);
app.use(eIconPicker);

app.mount('#app');

详细文档

使用

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

捐赠支持

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

收款码

捐赠名单

*莹 柳叶筏

另:

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

演示图

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