uni-app引入阿里云矢量图标库

这段时间因为老师要求，要做一个小程序，所以开始学一下uni-app开发，现在写一下关于引入阿里云矢量图标库的方法

下载图标

首先去官网选择你喜欢的图标

你可以在这搜索你想要的图标，选择好之后便把他添加到红色小车里

然后选择添加至项目（没有的可以自己建一个）

添加图标

进去我的项目之后，将下面的链接在浏览器打开。

在Hbuilder中你创建的项目里新建一个css文件，将刚刚在浏览器打开的样式复制进去：

接下来就在App.vue中引入：

然后在布局中使用：

<icon class="iconfont icon-shouye">icon>

上面的“icon-shouye”是图标的名字

这样结果就出来啦：

最后说一下，学了几天，感觉uni-app有点坑，可能是因为小众，所以有啥问题网上很少有解决方法，就比如这个引入图标的，我出了一个问题，网上找了好久都没找到，最后还是看视频找到了错误。
在引入图标还有一个坑就是，之前我是把图标下载到本地的，然而小程序不能使用本地图标，所以只能是直接引用在线连接了。