前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

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

作者头像
吟风者
发布2020-02-18 16:32:50
2.2K0
发布2020-02-18 16:32:50
举报
文章被收录于专栏:吟风者吟风者

e-icon-picker 图标选择组件

简洁大方,专为element-uifont-awesome图标库开发的图标选择组件,希望大家喜欢!

示例图片

喜欢的欢迎star 项目地址

Demo

在线测试

在线API

安装

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

npm 安装

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

代码语言:javascript
复制
npm install e-icon-picker

快速使用

代码语言:javascript
复制
import iconPicker from 'e-icon-picker';
import 'e-icon-picker/dist/index.css';//基础样式
import 'e-icon-picker/dist/main.css'; //fontAwesome 图标库样式

Vue.use(iconPicker);

详细文档

使用

代码语言:javascript
复制
 <e-icon-picker v-model="icon"/>

捐赠支持

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

另:

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

演示图

用户登录

系统首页

用户管理

用户编辑

角色管理

角色编辑

菜单管理

菜单编辑

岗位管理

岗位编辑

部门管理

部门编辑

操作日志

日志详情

登录日志

服务监控

在线用户

数据监控

个人信息

编辑头像

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • e-icon-picker 图标选择组件
    • Demo
      • 安装
        • 快速使用
          • 使用
            • 捐赠支持
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档