vue element-ui 图标选择组件vue-fontawesome-elementui-icon-picker
vue element-ui 图标选择组件vue-fontawesome-elementui-icon-picker
吟风者
发布于 2019-07-25 16:54:22
发布于 2019-07-25 16:54:22
vue-fontawesome-elementui-icon-picker
简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！
选择图标
选中图标
安装
npm install vue-fontawesome-elementui-icon-picker全局注册
main.js中注册
import iconPicker from 'vue-fontawesome-elementui-icon-picker';
Vue.use(iconPicker);使用
<icon-picker v-model="icon"></icon-picker>依赖
本组件依赖以下组件开发，若出现异常情况，请先对比你的版本依赖是否与本组件一致：
"element-ui": "^2.9.1",
"font-awesome": "^4.7.0",
"vue": "^2.6.10"问题解决
若是选中的图标界面不展示，则有可能是你的项目中，引用的fontawesome图标有问题。
请在全局css中添加一下css尝试：
[class^="el-icon-fa"], [class*=" el-icon-fa"] {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.06.18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录