技术栈

uni-app引用矢量库图标

Apesource-吉2024-01-17 9:07
矢量库引用
导入黑色图标

1.生成连接,下载样式

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

3.引入css样式

4.替换font-face

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

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

上一篇:小程序中使用wx.previewImage实现图片预览与缩放
下一篇:介绍下Redis 的基础数据结构
相关推荐
颜渊呐
5 小时前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长
8 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记
8 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry
13 小时前
uniapp三步完成生成一维码图片
uni-app
雪芽蓝域zzs
1 天前
uniapp 国密sm2加密
uni-app
打不着的大喇叭
1 天前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
zengzehui
1 天前
uniapp启动图被拉伸问题
uni-app
iOS阿玮
1 天前
AppStore教你一招免备案的骚操作!
uni-app·app·apple
ModyQyW
2 天前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
耶啵奶膘
3 天前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
热门推荐
01Java学习第十五部分——MyBatis02集群聊天服务器---MySQL数据库的建立03Coze扣子平台完整体验和实践(附国内和国际版对比)04基于odoo17的设计模式详解---装饰模式05使用Ruby接入实时行情API教程06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07【无标题】08Everything文件检索工具 几秒检索几百G的文件09DeepSeek各版本说明与优缺点分析10基于odoo17的设计模式详解---单例模式