e-icon-picker 图标选择组件

简洁大方的图标选择组件，专为 element-plus（已脱离依赖）和 font-awesome（可选）图标库设计，适用于各类 Vue 项目。

欢迎 Star 支持项目发展：项目地址

安装

推荐使用 npm 安装，便于与打包工具集成：

npm install e-icon-picker@next -S

注意： 本组件已脱离对 element-plus 的依赖，无需额外安装。

快速使用

在 Vue 项目中引入组件并注册：

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" />

文档

更多详细使用说明请参考：

• 使用文档

捐赠支持

开源项目维护不易，若您喜欢本项目，欢迎捐赠支持持续开发与维护。

捐赠名单

• 莹 柳叶筏

相关项目推荐

作者还有其他开源项目，如 novel，欢迎查看并给予 Star 支持！

演示图

查看组件在不同场景下的使用效果：

| 登录界面 | 首页 | |---------|------| | | |

| 用户管理 | 用户编辑 | |---------|----------| | | |

| 角色管理 | 角色编辑 | |---------|----------| | | |

更多界面截图请参见项目文档或访问演示页面。