uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

2.导入项目(字体样式)

3.引入css样式

4.替换font-face

5.使用图标(字体图标,只有黑色)

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
Nan_Shu_6148 小时前
学习:入门uniapp Vue3组合式API版本(17)
前端·vue.js·学习·uni-app
2501_9159090613 小时前
Charles中文版使用教程 高效抓包与API调试常见问题处理
android·ios·小程序·https·uni-app·iphone·webview
jingling55516 小时前
UniApp 实现顶部固定导航栏 Tab 及滚动变色效果
前端·javascript·前端框架·uni-app
The_era_achievs_hero16 小时前
UniappDay06
开发语言·javascript·uni-app
00后程序员张17 小时前
iOS软件性能监控实战指南 开发到上线的完整流程解析
android·ios·小程序·https·uni-app·iphone·webview
icebreaker20 小时前
weapp-tailwindcss 已支持 uni-app x 多端构建
前端·javascript·uni-app
2501_916007473 天前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915918413 天前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
HebyH_3 天前
uniapp如何封装uni.request 全局使用
uni-app
随笔记4 天前
uniapp蓝牙连接设备并发送接收信息
javascript·uni-app·app