uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

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

3.引入css样式

4.替换font-face

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

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
vayy8 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
FAIRY_STARS14 小时前
记录uni-app好用的select组件
uni-app
FAIRY_STARS14 小时前
关于uni-app pages.json配置详解
uni-app
FliPPeDround15 小时前
🚀 定义即路由:definePage宏如何让uni-app路由配置原地起飞?
前端·vue.js·uni-app
iOS阿玮16 小时前
苹果审核被拒4.8.0条款,快速过审通关指南。
uni-app·app·apple
Ratten20 小时前
uniapp的H5 在 UC 浏览器中返回上一页失效的解决方案
uni-app
Ratten20 小时前
uniapp 的 H5和微信小程序上传 base64 图片
uni-app
Ratten20 小时前
使用 uniapp 扩展组件 uni-file-picker 实现视频和图片都可以预览展示
uni-app
Ratten20 小时前
在 HBuilderX 中使用 tailwindcss
uni-app
江湖行骗老中医1 天前
uniapp 引入使用u-view 完整步骤,u-view 样式不生效
uni-app