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

2021年11月22日 阅读数:5
这篇文章主要向大家介绍e-icon-picker 基于element-ui图标和fontawesome图标选择器组件,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

e-icon-picker 图标选择组件

简洁大方,专为element-uifont-awesome图标库开发的图标选择组件,但愿你们喜欢!css

示例图片

喜欢的欢迎star 项目地址html

Demo

在线测试webpack

在线APIgit

安装

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

npm 安装npm

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

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);

详细文档api

使用

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

捐赠支持

开源项目不易,若此项目能获得你的青睐,能够捐赠支持做者持续开发与维护。喜欢的欢迎star 项目地址bash

另:svg

本人还有一个开源项目,在项目中的菜单管理使用了该图标组件,喜欢的能够去看看,帮忙点个star,很是感谢!
项目地址: novel

演示图

用户登陆
系统首页
用户管理
用户编辑
角色管理
角色编辑
菜单管理
菜单编辑
岗位管理
岗位编辑
部门管理
部门编辑
操做日志
日志详情
登陆日志
服务监控
在线用户
数据监控
我的信息
编辑头像

本文同步分享在 博客“吟风者”(JianShu)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。