uniapp中iconfont图标阿里巴巴矢量图标库出来小方块

官网说这么写：

<uni-icons type="contact" size="30"></uni-icons>

或者

<uni-icons custom-prefix="iconfont" type="icon-search" size="30"></uni-icons>

但是总不行
最后出来是个小方块

我是这么写的就出来了

<view class="iconfont icon-shouru" style="width: 50px;height: 50px;"></view>

当然，你必须提前做以下工作：
1，在app.vue的style中，添加引入css

<style>
	/*每个页面公共css */
	@import "@/static/iconfont.css";
	page{
		background-color: #f0f0f0;
	}
</style>

2，把从阿里巴巴图标库下载的压缩包里面的iconfont.css和iconfont.ttf放在根目录/static下
3，将iconfont.css中的font-face里面的路径改为：

@font-face {
  font-family: "iconfont"; /* Project id 3008574 */
  src: url('./static/iconfont.ttf') format('truetype');
}

这样就跑起来了