uniapp 阿里图库图标引用

1.iconfont-阿里巴巴矢量图标库

 打开阿里图库搜索找到自己想要的图标=>加入购物车

 2.右边购物车上会显示你加入购物车的图标数量=>点击购物车

 

 3.可以看到自己加入购物车的图标=>点击底部添加至项目

 

 

 4.没有项目的话右上角新建项目，有项目的话每次都会累积加到一起=>点击样式=>下载到本地

 5.下载完后在自己的项目里新建一个文件夹把下载的东西解压到里面

 

 

 6.打开iconfont.css样式表

 

 7.修改 @font-face 如下,注意 src 字体文件的引用路径是否正确：

 8.在项目根目录的 App.vue 中，引入上述的 iconfont.css，注意自己存放的路径，且通过 @import 引入的外部样式，需要写在 style 标签有效内容中的最前面

 9.使用 custom-prefix 和 type 属性自定义图标

		<view class="">
				<uni-icons custom-prefix="iconfont" type="icon-tuikuan" size="30"></uni-icons>
				<uni-icons custom-prefix="iconfont" type="icon-quanbudingdan" size="30"></uni-icons>
				<uni-icons custom-prefix="iconfont" type="icon-daishouhuo" size="30"></uni-icons>
				<uni-icons custom-prefix="iconfont" type="icon-daifukuan" size="30"></uni-icons>
				<uni-icons custom-prefix="iconfont" type="icon-tuikuanshouhou" size="30"></uni-icons>
			</view>

 

注意：每次增加新图标都需要改 iconfont.css