一. 背景
项目中使用了element中的icon图标,图标集合还是有点少,可以另外引入font awesome图标库二. 使用方式
- 安装font awesome模块
npm install font-awesome --save
- main.js中引入
import 'font-awesome/css/font-awesome.min.css';
- 组件中引用图标
在font awesome官网中搜索到想要使用的图标
<i class="fa fa-microphone" aria-hidden="true"></i>
在组件中引入麦克风图标
<el-tag><i class="fa fa-microphone" aria-hidden="true" style="margin-right:15px"></i>麦克风</el-tag>