• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

e-icon-picker

开源软件地址:

https://gitee.com/cnovel/e-icon-picker

开源软件介绍:

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

详细文档

使用

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

捐赠支持

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

收款码

另:

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

演示图

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

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap