uni-app 使用 iconfont 图标

uni-app 的 Icon 图标组件，里面的图标只是移动端常见的图标，对于一些其他需求所要显示的图标，这个是完全不够用。
那么怎么办?模仿它的组件，用阿里巴巴图标矢量库的图标，自己定义一个图标组件~~

一、阿里巴巴图标矢量库图标官网：https://www.iconfont.cn/

1.进入官网-登录账户

2.将图片添加入库

3.新建项目：uni-icon（项目名可自行命名） - 添加至项目 - 下载代码，然后解压，找到iconfont.css文件夹，将里面的【***：before】 全部复制到你现有的工程项目里。

或者在这个位置直接下载至本地，可以直接得到下载包：

解压下载包，找到iconfont.css文件：

iconfont.css文件：

打开我的项目，可以看到刚才下载的三张图片：

二、新建组件（uni-icons ，里面有uni-icons.css 和uni-icons.vue 两个文件）

1.uni-icons.css

src中的地址：复制Unicode中.ttf的那个url（看上面一张图）；
并在下面将下载的 iconfont.css 文件中的图标添加进来。

2.uni-icons.vue

:class="['icon-'+type]"  对应uni-icon.css 里面的
    .icon-scan:before {

　　 content: "e638";

    }
这里是 :class="'uni-icon-' + type" 

3.项目中使用：

效果：