最近在学习uni-app,每次在需要用到icon的时候都得下载下来,感觉好麻烦,所以就找到了直接引入阿里矢量图标库的方法,妈妈再也不用担心我为下载icon的样式不规范而发愁了,以下方法供大家参考
在图标库中选好所需要的icon,然后复制红色箭头的链接,并在浏览器中打开并下载到本地
然后在本地打开下载好的字体文件,在红色箭头那块的链接加上https:
然后就需要在App.vue文件中引入下载的字体文件,就可以使用了,这里没有icon标签,写了就报错,但是你可以在text标签中引入icon
// 在类名里面一定要加上iconfont,每个icon库的规则
<text class="iconfont icon-github"></text>
然后你所需要的icon就显示出来啦,学会的小伙伴赶紧去试试吧