Vue项目引入icon图标的两种方法
我用的是阿里巴巴矢量图标库****一，在文件中引入icon项目链接将图标加入项目后会出一个链接（每新添加图标，此链接都应更新）在Vue项目中，public/index.html中将项目链接复制在link中即可二，icon项目下载使用将下载的项目解压，复制到Vue项目中的assets文件中如，assets/iconfont/font然后在main.js文件中引入//引入图标import './ass
·
我用的是阿里巴巴矢量图标库
****一，在文件中引入icon项目链接
将图标加入项目后会出一个链接（每新添加图标，此链接都应更新）
在Vue项目中，public/index.html中
将项目链接复制在link中即可
二，icon项目下载使用
将下载的项目解压，复制到Vue项目中的assets文件中
如，assets/iconfont/font
然后在main.js文件中引入
//引入图标
import './assets/iconfont/font/iconfont.css'
最终引入的是iconfont.css文件
使用
两种方法的使用的一样的
<i class="iconfont icon-gouwuche"></i>
不要忘记加 ：iconfont，否则无效
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)