在vue-cli的组件模板里使用font-awesome 在vue-cli的组件模板里使用font-awesome的两种方法

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

在vue-cli的组件模板里使用font-awesome 在vue-cli的组件模板里使用font-awesome的两种方法

夏天的风欧阳冰嫣   2021-03-30 我要评论

方法一:

npm install font-awesome

在main.js里添加import 'font-awesome/css/font-awesome.css'

方法二:

官网下载代码到本地,现在应该是font-awesome-4.7,把整个文件夹放到static文件夹中,然后在index.html中加上<link

rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >,应该就可以了。

使用方法:<i class="fa fa-home fa-lg"> 主页</i>

以上这篇在vue-cli的组件模板里使用font-awesome的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们