vue-firefly-icon-picker

0.1.9 • Public • Published

vue-fontawesome-elementui-icon-picker

简洁大方,专为element-uifont-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>

问题解决

若是选中的图标界面不展示,则有可能是你的项目中,引用的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;
}

Dependents (0)

Package Sidebar

Install

npm i vue-firefly-icon-picker

Weekly Downloads

1

Version

0.1.9

License

MIT

Unpacked Size

39.8 kB

Total Files

8

Last publish

Collaborators

  • yuhuamanlou