uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式
uni-app引用矢量库图标_第1张图片

2.导入项目(字体样式)
uni-app引用矢量库图标_第2张图片

3.引入css样式

uni-app引用矢量库图标_第3张图片

4.替换font-face

uni-app引用矢量库图标_第4张图片

5.使用图标(字体图标,只有黑色)
uni-app引用矢量库图标_第5张图片

导入彩色图标

1.安装插件

npm install -g iconfont-tools

uni-app引用矢量库图标_第6张图片

2.在原有的下载图标基础上,通过iconfont-tools生成彩色图标

iconfont-tools

uni-app引用矢量库图标_第7张图片

3 . 彩色样式导入项目
uni-app引用矢量库图标_第8张图片

4.样式引入
uni-app引用矢量库图标_第9张图片

5.使用彩色图标

在这里插入图片描述

你可能感兴趣的:(uni-app)