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

联合创作 · 2023-09-23 07:28

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

使用

 <e-icon-picker v-model="icon"/>
浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报