e-icon-picker基于element-ui图标和fontawesome图标选择器组件
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"/>
评论
FontAwesome完美的图标字体
FontAwesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
FontAwesome完美的图标字体
0
android-iconifyAndroid 上集成 FontAwesome 图标字体
android-iconify实现了在Android上集成FontAwesome图标字体。
android-iconifyAndroid 上集成 FontAwesome 图标字体
0
react-native-iconsReact Native 的图标组件
react-native-icons是ReactNative简单易用的图标组件,包括 5 种不同的图标字体和 2,444个图标。当前支持5种字体:FontAwesome4.4 包含 585 icons
react-native-iconsReact Native 的图标组件
0
react-native-iconsReact Native 的图标组件
react-native-icons 是 React Native 简单易用的图标组件,包括 5 种
react-native-iconsReact Native 的图标组件
0
OpenIconsSVG图标
OpenIcons是一组适合在Web上使用的SVG图标,所有图标都是基于向量的,使用InkScape制作。可以方便的转成各种格式和各种规格尺寸的图标。
OpenIconsSVG图标
0