uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

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

3.引入css样式

4.替换font-face

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

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
MY_TEUCK1 小时前
【AI 应用】前端接口联调工程化:把 Swagger 接入沉淀成可复用 Skill
前端·人工智能·uni-app·状态模式
上架ipa2 小时前
uniapp打包ios配置、申请证书、测试和上架综合教程
uni-app
00后程序员张3 小时前
完整指南 iOS App上架到App Store的步骤详解
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
hhzz3 小时前
记录微信小程序tabbar不显示问题:uni-app Vue 3 自定义 tabBar 不渲染
vue.js·微信小程序·uni-app
存在的五月雨3 小时前
uniapp 一些组件的使用
java·前端·uni-app
久爱@勿忘3 小时前
uniappH5跳转小程序
前端·小程序·uni-app
郑州光合科技余经理14 小时前
同城O2O海外版二次开发实战:从支付网关到配送算法
开发语言·前端·后端·算法·架构·uni-app·php
启山智软1 天前
前沿主流技术栈商城系统(Java JDK21 + Vue3 + Uniapp)
java·开发语言·uni-app
WeirdOwl1 天前
uniapp 嵌入外部h5 报错/收不到消息
uni-app
敲代码的鱼哇3 天前
发送短信/拨打电话/获取联系人能力 UTS 插件(cz-sms)
android·前端·ios·uni-app·安卓·harmonyos·鸿蒙