共计 691 个字符，预计需要花费 2 分钟才能阅读完成。
官网介绍：uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到 iOS、Android、H5、小程序等多个平台。
这个框架使用的人群并不是很广，碰到的各种坑基本都需要自己去解决，因此，入坑需谨慎！
如何在 uni-app 中引入阿里的矢量图？
上 iconfont 官网找到你需要用到的图标，添加至你的项目
复制你的在线链接代码，建议使用这种方法，最便捷的一种方法，亲测！
将这段代码拷贝至 uni-app 的 app.vue 文件下的 style 标签里面，因为 uni-app 项目中，app.vue 下的 style 为公共样式，当然你也可以创建一个样式文件，将代码拷贝至你自定义的样式文件，最后还是要引入到 app.vue 的 style 标签下。”font-family” 可以自定义为你想要的名字，我这里定义为 ’w-iconfont’
自定义图标的大小、颜色等样式：
.w-iconfont {
font-family:”w-iconfont” !important;
font-size:16px;
color: orange;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
复制你要使用的图标的代码，在项目中使用它：
<text class=”w-iconfont”></text>
效果如下：
如果想增加新的图标项目怎么办？
上官网找到新加的图标，同样添加到原来的项目里面;
重复上面步骤，只需要点一下复制，然后打开 app.vue，替换你刚复制的这部分代码即可：
