e-icon-picker 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
e-icon-picker 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
e-icon-picker 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发网页组件
开源组织
地区 国产
投 递 者 cnovel
适用人群 未知
收录时间 2020-01-18

软件简介

e-icon-picker 图标选择组件

vue 3正式版本已经发布,请运行 `npm install install e-icon-picker@next` 安装,使用方式和1.xx一致
简洁大方,专为`element-ui`(已经脱离element-ui独立可用)和`font-awesome`(可选)图标库开发的图标选择组件,希望大家喜欢!

示例图片

喜欢的欢迎star 项目地址

示例和文档

在线文档

安装

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

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

npm 安装

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

npm install e-icon-picker -S

快速使用

import iconPicker 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(iconPicker, {FontAwesome: true, ElementUI: true, eIcon: true, eIconSymbol: true});

使用

 <e-icon-picker v-model="icon"/>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣 发布并加入讨论🔥
发表了资讯
2022/12/29 20:14

e-icon-picker v2.1.1 已发布,修复 bug

e-icon-picker v2.1.0 已发布,更新日志: 修复图标高亮问题。 修复清空按钮事件冒泡问题。 修复文档中的错误问题。 修复图标js名称中的版本号导致升级后用户使用时也要更新问题。 修复点击图片时,鼠标样式。 修复input size属性。 修复设置滚动条。 修复图标对齐问题。 修复搜索过滤图标列表问题。 修复输入框左侧图标大小导致高度和输入框高度不一致问题。 修复当搜索后,图标列表无法复原问题。 修复input框高度显示问题。 ...

0
0
发表了资讯
2022/12/19 10:25

e-icon-picker v2.0.10 已发布,全新 TS 支持

e-icon-picker v2.0.10 已发布,更新日志: 1. 全自定义组件,不在依赖element-plus。 2. 新增element-plus图标组件支持。 3. 新增ts支持。 4. 修复css样式影响问题。 5. 修复zIndex异常问题。 6. 新增antd图标。 7. 新增arcoVueIcon图标。 8. 新增`tdesignIcons`图标。 9. 更新依赖。 安装 npm install e-icon-picker@next -S 快速使用 import {createApp} from 'vue'; import App from './App.vue'; import e...

2
4
发表了资讯
2021/11/09 20:26

图标选择组件 e-icon-picker 1.1.6 发布

e-icon-picker v1.1.16 已发布,更新日志: 1. 新增destroyIconList和createIconList函数,可以销毁和重新创建列表。 2. 新增支持图片方式的图标 ReloM 提供思路。 3. 修复已知bug。 4. 更新依赖。 e-icon-picker 图标选择组件 简洁大方,专为`element-ui`(已经脱离element-ui独立可用)和`font-awesome`(可选)图标库开发的图标选择组件,希望大家喜欢! 喜欢的欢迎star 项目地址 Demo 在线测试 在线API 安装 因为...

1
7
发表于大前端专区
2021/05/21 17:00

图标选择组件 e-icon-picker 1.1.1 发布

e-icon-picker v1.1.1 已发布,更新日志: 1. 新增图标选中高亮状态 I3S4AC 2. 新增图标为空显示的内容,可以通过prop传入I3S07X 3. 修复eIcon组件点击事件,事件冒泡问题 4. 调整目录以及添加自动更新新字体的功能 5. 修复因body的边距为0时出现的横向滚动条问题 6. 新增 fontawesome-5.x.x 图标的支持 I3BBKC 7. 感谢元谷 PR 可自定义的icon 8. 感谢gyy PR icon增加title,提高辨识度 e-icon...

0
22
发表于大前端专区
2020/10/27 16:41

e-icon-picker v1.0.11 已发布,支持 cdn 和自定义 svg 图标

e-icon-picker v1.0.11 已发布,更新日志: 1. 新增针对svg图标支持。 2. 升级支持cdn引入。 3. 更新依赖。 4. 其他优化。 e-icon-picker 图标选择组件 简洁大方,专为`element-ui`(已经脱离element-ui独立可用)和`font-awesome`(可选)图标库开发的图标选择组件,希望大家喜欢! 喜欢的欢迎star 项目地址 Demo 在线测试 在线API 安装 因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装ele...

6
7
发表于大前端专区
2020/10/14 15:26

图标选择组件 e-icon-picker 1.0.8 发布

e-icon-picker v1.0.8 已发布,更新日志: 1. 将所需的 Element UI 组件全部打入到项目中,不在需要安装 Element UI 组件。 2. 将 Element UI 和 font-awesome 图标库分离,可按需引用,减少组件库大小。 3. 将iconfont彩色图标分离,减少组件库的基本大小,可按需引用。 e-icon-picker 图标选择组件 简洁大方,专为`element-ui`(已经脱离element-ui独立可用)和`font-awesome`(可选)图标库开发的图标选择组件,希望大...

3
20
发表于大前端专区
2020/09/01 14:32

图标选择组件 e-icon-picker 1.0.5 发布,新增阿里彩色图标支持

e-icon-picker v1.0.4 已发布,更新日志: 更新 Element UI 版本以及 VUE 等版本。 添加iconfont彩色图标的支持。 添加三组iconfont彩色图标。 e-icon-picker 图标选择组件 简洁大方,专为element-ui和font-awesome图标库开发的图标选择组件,希望大家喜欢! 喜欢的欢迎star 项目地址 Demo 在线测试 在线API 安装 因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装element-ui组件库。 安装方式请参考eleme...

3
24
发表于大前端专区
2020/04/02 16:10

图标选择组件 e-icon-picker 1.0.4 发布,新增阿里图标库支持

e-icon-picker v1.0.4 已发布,更新日志: 修复 I1CSU0 问题。 更新项目依赖项。 修复代码库存在es6浏览器不兼容的语法。 添加iconfont图标库支持。 e-icon-picker 图标选择组件 简洁大方,专为element-ui和font-awesome图标库开发的图标选择组件,希望大家喜欢! 喜欢的欢迎star 项目地址 Demo 在线测试 在线API 安装 因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装element-ui组件库。 安装方式请参考...

2
48
发表于大前端专区
2020/03/27 10:03

图标选择组件 e-icon-picker 1.0.2 发布,修复 bug

e-icon-picker v1.0.2 已发布,更新日志: 修复ie浏览器下无法正常关闭问题。 删除项目无用依赖。 对项目webpack配置进行优化。 e-icon-picker 图标选择组件 简洁大方,专为element-ui和font-awesome图标库开发的图标选择组件,希望大家喜欢! 喜欢的欢迎star 项目地址 Demo 在线测试 在线API 安装 因为项目使用了element-ui的组件进行二次开发,所以在使用此组件前请安装element-ui组件库。 安装方式请参考element-ui官网的相关...

1
24
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
38 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部