vue - 图标选择器

新手程序员大大

已于 2022-09-10 14:08:23 修改

阅读量1.9k

点赞数 1

分类专栏： vue 文章标签： vue.js ui javascript

于 2022-09-10 12:12:31 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_54691198/article/details/126795358

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

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

带你了解更多编程知识

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

安装

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>

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