16 Star 240 Fork 38

novel / e-icon-picker

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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

演示图

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

About

element-ui图标和fontawesome图标选择器组件 expand collapse
Cancel

Releases (6)

All

e-icon-picker

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/cnovel/e-icon-picker.git
git@gitee.com:cnovel/e-icon-picker.git
cnovel
e-icon-picker
e-icon-picker
ts

Search