e-icon-picker 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
e-icon-picker 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发网页组件
开发厂商
地区 国产
提 交 者 cnovel
适用人群 未知
收录时间 2020-01-18

软件简介

e-icon-picker 图标选择组件

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

示例图片

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

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

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

npm 安装

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

npm install e-icon-picker

快速使用

import iconPicker from 'e-icon-picker';
import "e-icon-picker/dist/symbol.js"; //基本彩色图标库
import 'e-icon-picker/dist/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);

详细文档

使用

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

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
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 项目地址...

6
8
发表于大前端专区
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 图标选择组件 简洁大方,专...

3
20
发表于大前端专区
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 安装 因为项...

3
24
发表于大前端专区
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 安装 ...

2
50
发表于大前端专区
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 安装 因为项目使用了eleme...

1
24
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于硬件 & IoT专区
09/07 09:24

ICON

ISE上用ILA 和 VIO 要结合 ICON 核;而在 vivado 中使用 ILA 不需要 ICON 的配合单独使用。 在Xilinx ISE环境下,Chipscope利用 ICON 核通过 FPGA 的 JTAG 端口与内核通信;ILA 核可以用来观察 FPGA 内部信号;V...

0
0
发表了博客
07/29 08:40

微信小程序<picker></picker>标签使用

一、组件 <picker value="1" range="{{ 1,2,3 }}"> <view>请选择</view> </picker> 二、 <picker mode = “multiSelector”value="1" range="{{ 1,2,3 }}"> <view>请选择</view> </picker> 三、 <picker-view indicator-style="heght:23px;" bindChange=""> <pick-view-column> <view wx:for="{{ [ 1,2,3]}}"> {{ item}}...

0
0
发表了博客
2013/01/29 20:23

Photo Picker+

Photo Picker+ 是一个新的免费库用来替换 iOS 原生的照片选择器,可选择来自 Facebook, Picasa, Flickr, or Instagram 以及本地摄像头和相册的照片。 转载:http://www.adobex.com/ios/source/details/00000801.htm...

0
0
发表了博客
2012/09/13 14:44

icon

中文:http://findicons.com/ 英文(国际):http://www.iconfinder.com/ 另:http://www.iconpng.com/

0
0
发表了博客
2013/06/30 09:26

icon

http://inhu.net/31-free-flat-icons.html http://www.oschina.net/news/41831/12_beautiful_sets_of_free_flat_icons http://www.colorcombos.com/ http://icongal.com/ http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html http://download.csdn.net/detail/alex_zhuang/4270220...

0
0
发表了博客
2013/01/29 11:48

Avatar Picker Plus

Avatar Picker Plus 可以让你的应用增加了轻松自定义用户头像的功能,可从 Facebook, Twitter, Instagram, and Gravatar 上选取。 转载:http://www.adobex.com/ios/source/details/00000795.htm

0
0
发表了博客
2013/01/27 22:40

Loop Picker

实现无限循环滚动的选择器(picker)。比如,循环显示0、1、2、3、4、0、1、2、3、4、0... Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:http://www.adobex.com/ios/source/details/00000407.htm

0
0
发表了博客
2018/05/02 15:03

shortcut icon和icon代码的区别介绍

语句一: <link rel="shortcut icon" href="favicon.ico" /> 语句二: <link rel="icon" href="animated_favicon.gif" type="image/gif" /> 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon 问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导 过去,为保证favicon出现,网站设计者和开发者采用了多种方法。...

0
0
发表了博客
2018/05/12 12:57

CSS - icon图标(icon font)

1. 概念 这个小红点是图标,图标在CSS中实际上是字体。 2. 为什么出现本质是字体的图标? 2.1 图片增加了总文件的大小。 2.2 图片增加了额外的http请求,大大降低网页的性能。 2.3 图片不能很多地进行缩放,因为图片放大和缩小会失真。 3. 字体图标的优点,结合图片和文字的特性 3.1 可以做出跟图片一样可以做的事情,改变...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
33 收藏
分享
返回顶部
顶部