ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

uni-app引用矢量库图标

2026/9/21 14:32:20 拓冰建站 浏览量
uni-app引用矢量库图标
矢量库引用
导入黑色图标

1.生成连接,下载样式
在这里插入图片描述

2.导入项目(字体样式)
在这里插入图片描述

3.引入css样式

在这里插入图片描述

4.替换font-face

在这里插入图片描述

5.使用图标(字体图标,只有黑色)
在这里插入图片描述

导入彩色图标

1.安装插件

npm install -g iconfont-tools

在这里插入图片描述

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

iconfont-tools

在这里插入图片描述

3 . 彩色样式导入项目
在这里插入图片描述

4.样式引入
在这里插入图片描述

5.使用彩色图标

在这里插入图片描述