如何在vue的项目中导入阿里巴巴图标库

阿里巴巴矢量图标库官网:iconfont-阿里巴巴矢量图标库

选择你喜欢的图标,添加入库

点击添加至项目,并新建文件夹,点击确定

      

选择font-class,点击生成代码

代码生成后,在网站上打开

全选复制到style

点击复制代码,替换icon-xxx<i class="iconfont icon-xxx"></i>

最后变成<i class="iconfont icon-xihuan"></i>,就可以使用了

注:调节大小和修改颜色

调节大小(修改font-size的大小即可)

修改颜色(有色图标有时会没有颜色)

相关推荐

  1. Docker安装并配置阿里Sentinel控制台

    2024-07-12 16:32:06       58 阅读

最近更新

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

    2024-07-12 16:32:06       70 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 16:32:06       74 阅读
  3. 在Django里面运行非项目文件

    2024-07-12 16:32:06       62 阅读
  4. Python语言-面向对象

    2024-07-12 16:32:06       72 阅读

热门阅读

  1. 临终护理:用爱与关怀陪伴生命的最后旅程

    2024-07-12 16:32:06       24 阅读
  2. Feign的远程调用

    2024-07-12 16:32:06       21 阅读
  3. 大数据平台之HDFS

    2024-07-12 16:32:06       26 阅读
  4. 笔记:Entity Framework Core 数据库迁移add-migration

    2024-07-12 16:32:06       27 阅读
  5. 数据库系统中的Undo和Redo

    2024-07-12 16:32:06       26 阅读
  6. 写一个垃圾邮件二分类代码

    2024-07-12 16:32:06       25 阅读
  7. Sklearn 深入教程

    2024-07-12 16:32:06       26 阅读
  8. 深度解析:scikit-learn Pipeline记忆功能的秘密

    2024-07-12 16:32:06       26 阅读
  9. 由跨域引发一些思考

    2024-07-12 16:32:06       23 阅读
  10. 【AI研发工具包】sklearn教程(Scikit-learn)

    2024-07-12 16:32:06       25 阅读
  11. sklearn-learn的安装

    2024-07-12 16:32:06       20 阅读
  12. Spring Boot与GraphQL的集成

    2024-07-12 16:32:06       23 阅读
  13. 精准校准:深入解析scikit-learn中的StandardScaler

    2024-07-12 16:32:06       27 阅读
  14. Scikit-Learn的认识

    2024-07-12 16:32:06       28 阅读
  15. Spring Boot中如何集成GraphQL

    2024-07-12 16:32:06       25 阅读