uniapp 引入阿里矢量图标库正确姿势

阿里图标库地址：iconfont-阿里巴巴矢量图标库

1.首先选择我们喜欢的图标加入购物车

 2.点击购物车，将图标加入到项目中

 

 3.下载到本地解压出来

 4.将这四个文件拷贝到我们的项目中去

5.在App.vue中配置iconfont.css 

 

/* 阿里矢量图库 */
	@import 'static/css/iconfont.css';

 6.编辑iconfont.css文件，修改其他三个文件的位置

 

 src: url('@/static/css/iconfont.woff2?t=1634627924158') format('woff2'),
       url('@/static/css/iconfont.woff') format('woff'),
       url('@/static/css/iconfont.ttf') format('truetype');

7.在项目中使用