e-icon-picker 图标选择组件

简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

因为项目使用了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/index.css';//基础样式
import 'e-icon-picker/dist/main.css'; //fontAwesome 图标库样式Vue.use(iconPicker);

详细文档

使用文档

使用

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

捐赠支持

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

另：

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

演示图

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件相关推荐

vue element ui里的日期时间选择器中国标准时间转化为年月日时分秒
<el-date-pickerend-placeholder="结束日期"range-separator="至"start-placeholder=&qu ...
html下拉式列表框多选,基于jQuery UI的多项选择下拉列表框组件
jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件.该下拉列表功能强大,可以实现多选和单选,可制作打开和关闭下拉框时的炫酷动画效果,提供丰富的回调函数和其它 ...
基于Element ui 实现输入框只能输入数字并支持千分位
实现效果设置子组件 <template><el-inputref="money"v-model.trim="money":placehold ...
vue2 - 基于Element UI实现上传Excel表单数据功能
一.项目场景批量数据上传后台,需要从后台下载一个固定格式的 Excel表格,然后在表格里面添加数据,将数据格式化,再上传给后台,后台做解析处理,往数据库添加数据二.实现功能展示点击导入excel ...
axure element ui素材_【Axure分享】基于Element UI的Axure Web组件
有一段时间没做过产品原型了,前一阵有一个web产品需要做原型,正好在搞前端,于是顺便把Element UI移植到Axure上,基本上实现了大部分的功能组件,部分过于繁琐的组件未实现. 自己觉得蛮满意的 ...
解决 element ui 本地使用引入图标不显示 .ttf和.woff 报错问题
解决 element ui 引入在线地址更换为本地地址后 .ttf和.woff 报错问题原因因为文件内缺少两个文件根据控制台提示发现少了.ttf和.woff两个文件 1)element-ico ...
ifont图标和Fontawesome图标
目录 ifont图标 html中使用 vue中使用 Font class下载本地方式(单色) Font class方式在线(较友好) symbol方式(支持多色图标) ifont图标 html中使用 ...
一篇解决Element ui密码框眼睛图标明文密文，不允许中文输入以及输入的各种校验
先上效果,再上代码,后面有说明代码我已经做到让你们复制粘贴就能用 HTML <el-form-item label="新密码" prop="cpPassword& ...
基于element ui的收起展开检索条件效果
<el-button type="text" style="margin-left:600px;color: #8cc5ff;text-decoration: un ...

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

e-icon-picker 图标选择组件

Demo

安装

快速使用

使用

捐赠支持

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件相关推荐

最新文章

热门文章