vue - 图标选择器

关注微信公众号:新手程序员教程

带你了解更多编程知识

vue-fontawesome-elementui-icon-picker:vue的外部引入icon图标选择器

vue - 图标选择器_第1张图片

安装

npm install vue-fontawesome-elementui-icon-picker

全局注册

main.js中注册

import iconPicker from 'vue-fontawesome-elementui-icon-picker';

Vue.use(iconPicker);

组件的使用

 

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;
}

icon图标选择器的网站:e-icon-picker (cnovel.club)

vue - 图标选择器_第2张图片

你可能感兴趣的:(vue,vue.js,ui,javascript)