uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式
在这里插入图片描述

2.导入项目(字体样式)
在这里插入图片描述

3.引入css样式

在这里插入图片描述

4.替换font-face

在这里插入图片描述

5.使用图标(字体图标,只有黑色)
在这里插入图片描述

导入彩色图标

1.安装插件

npm install -g iconfont-tools

在这里插入图片描述

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

iconfont-tools

在这里插入图片描述

3 . 彩色样式导入项目
在这里插入图片描述

4.样式引入
在这里插入图片描述

5.使用彩色图标

在这里插入图片描述

相关推荐

  1. ElementUI图标少,引入阿里矢量图标

    2024-01-17 14:42:04       39 阅读
  2. uni静态资源引入及css图片图标引用规范

    2024-01-17 14:42:04       74 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-17 14:42:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-17 14:42:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-17 14:42:04       87 阅读
  4. Python语言-面向对象

    2024-01-17 14:42:04       96 阅读

热门阅读

  1. 轨道交通客运服务VR仿真情景实训教学

    2024-01-17 14:42:04       59 阅读
  2. 力扣_字符串1—字符串转整数

    2024-01-17 14:42:04       52 阅读
  3. 什么是设计模式(第7章笔记)

    2024-01-17 14:42:04       62 阅读
  4. 学习Vue的插槽总结

    2024-01-17 14:42:04       61 阅读
  5. Linux环境安装MySQL5.7教程

    2024-01-17 14:42:04       60 阅读
  6. 笨蛋学设计模式结构型模式-桥接模式【11】

    2024-01-17 14:42:04       48 阅读
  7. 软件工程宠物管理系统详细计划示例

    2024-01-17 14:42:04       46 阅读
  8. 为什么安卓逆向手机要root

    2024-01-17 14:42:04       56 阅读
  9. 安装 Git

    2024-01-17 14:42:04       50 阅读
  10. ChatGPT和文心一言哪个好用?

    2024-01-17 14:42:04       60 阅读