uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

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

3.引入css样式

4.替换font-face

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

导入彩色图标

1.安装插件

npm install -g iconfont-tools

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

iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
林涧泣2 天前
【Uniapp-Vue3】解决uni-popup弹窗在安全区显示透明问题
前端·vue.js·uni-app
寰宇软件4 天前
PHP场馆预定系统小程序
小程序·uni-app·vue·php
林涧泣4 天前
【Uniapp-Vue3】触底加载更多
uni-app
新青年.5 天前
【uniapp】uniapp使用java线程池
javascript·uni-app
答题卡上的情书5 天前
uniapp版本升级
前端·javascript·uni-app
向明天乄5 天前
uniapp 地图添加,删除,编辑标记,在地图中根据屏幕范围中呈现标记
android·java·uni-app
大叔_爱编程5 天前
wx044基于springboot+vue+uniapp的智慧物业平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣5 天前
【Uniapp-Vue3】图片lazy-load懒加载
uni-app
大叔_爱编程6 天前
wx043基于springboot+vue+uniapp的智慧物流小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣7 天前
【Uniapp-Vue3】StorageSync数据缓存API
前端·javascript·uni-app