Uniapp/Vue中引入使用阿里图标

一、uniapp中引入阿里图标
将图标加入购物车部分省略
1.下载阿里图标到本地，uniapp不支持symbol格式

2. 打开下载的压缩包，只需要inconfont.css ，将其放到我们的项目 static>css 下面


3. 修改iconfont.css文件，将阿里图标的Unicode复制，替换iconfont里面的@font-face部分，下图是我iconfont.css文件替换好的，并在url的//at 前面添加 https：( 不添加https：，小程序app可能不显示)

4. 在main.js 引入 iconfont.css

5. 在需要的地方使用

<text class='iconfont icon-shipin'></text>

6.更新的话，每次都需要下载，修改 iconfont.css文件（@font-face和下面的都需要修改）

二、vue中引入阿里图标

1. 可以直接在线引用阿里图标库，app.vue文件直接引入，图标更新，只需要更新这一处。

@import "//at.alicdn.com/t/font_2499284_b5xeewglghj.css";

2. 使用

<i class="iconfont icon-anxin" />