说明
一开始想使用 element-ui 中的 icon 来解决问题,后来发现没有 e-mail 之类的图标。
于是,决定引入一下 font-awesome。
引入方式
1、在项目中安装 fontawesome:
npm install font-awesome --save
会在 package.json 中引入
"dependencies": {
"axios": "^0.19.2",
"core-js": "^3.6.4",
"element-ui": "^2.15.5",
"font-awesome": "^4.7.0",
},
2、在 main.js 中引入相关的文件:
import 'font-awesome/css/font-awesome.min.css'
3、在需要使用的地方,class="fa 类名"
,请注意一定要在前面添加 fa 类,否则无法正常显示;
v4.7: https://fontawesome.com/v4.7/icons/