今天给大家分享一下如何在项目中引入在线图标库,告别以往的下载压缩包在引入
比如说在vue cli中引入阿里图标库
首先点击这段文字进入到一个网页里
然后把代码看到的代码全部复制
1.我们可以直接把代码粘到App.vue的style标签中,不过这样写有点不美观,不太推荐。
2.我们也可以在main.js中采用import的形式导入刚刚的字体样式,导入的方式有以下两种
3.我们也可以在App.vue中采用import的形式在script标签中导入刚刚的字体样式,导入的方式也有以下两种
// 导入在线的阿里图图标————方式一(使用相对路径)
// import "./static/inconfont.css";
// 导入在线的阿里图图标————方式二(使用绝对路径)
import "/src/static/inconfont.css";
这是我项目的结构目录,供参考
在微信小程序中可以这样使用
好了,今天的分享就到这里,如果觉得对你有用的话记得点个赞哦!!!