uniapp引用阿里图标库图标

码不停蹄的玄黓

已于 2023-07-12 18:13:48 修改

阅读量398

点赞数

文章标签： uni-app

于 2023-07-08 14:15:06 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_42148384/article/details/131611262

版权

1.下载图标

1.1百度搜索阿里图标库进入主页

在这里插入图片描述

1.2选择所需图标

选择所需图标，加入购物车
在这里插入图片描述
图标选好后点击右上角购物车下载图标文件

选择下载代码

2.使用

2.1导入项目

将压缩包解压后，将iconfont.css和iconfont.ttf文件复制到项目里
在这里插入图片描述下面是我的目录结构

2.2在App.vue中引入

在这里插入图片描述

2.3在页面中使用

在这里插入图片描述
注意：
通过以上方法引入图标仅单色图标有效，多色图标无法生效！！！

码不停蹄的玄黓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
uniapp引用阿里图标库图标

uiapp中引用阿里图标库图标，胎教级教程
复制链接

扫一扫

码不停蹄的玄黓 CSDN认证博客专家 CSDN认证企业博客

码龄6年

13: 原创

147万+: 周排名

109万+: 总排名

1万+: 访问

: 等级

143: 积分

0: 粉丝

9: 获赞

11: 评论

15: 收藏

私信

关注

热门文章

分类专栏

Mybatis 2篇

最新评论

解决Could not write JSON报错
zgkkk1: 解决了，感谢
解决前后端分离项目跨域问题
CSDN-Ada助手: 恭喜你写下了第一篇博客！标题也很吸引人，解决前后端分离项目跨域问题确实是一个非常重要的话题。你的文章内容是否包含了解决跨域问题的具体方法和技巧呢？如果有的话，我期待能够学到一些新的知识。另外，下一步你可以考虑分享一些实际案例或者经验，更加深入地探讨这个问题。继续加油，期待你的下一篇博客！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
uniapp引用阿里图标库图标
CSDN-Ada助手: 评论：非常感谢您分享了关于uniapp引用阿里图标库图标的教程！这对于许多刚开始学习uniapp的开发者来说是非常有帮助的。希望您能够继续创作类似的教程，让更多人受益。另外，关于uniapp和图标库的相关知识，您可能还可以扩展一些内容，例如如何使用自定义图标、如何在uniapp中实现图标的动画效果、如何优化图标的加载速度等等。这些内容对于开发者来说也是非常有价值的，希望您可以在以后的博文中涉及到。再次感谢您的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
uniapp向后端发起请求，报连接失败错误
CSDN-Ada助手: 恭喜您写了第三篇博客！标题内容很吸引人，关于uniapp向后端发起请求报连接失败错误的问题，确实是一个值得探讨和解决的难题。您的文章给出了很好的提示，让我们能更好地理解和应对这个错误。在下一步的创作中，我建议您可以深入探讨一下可能导致连接失败错误的原因，并提供一些实用的解决方案。比如，可以介绍一些常见的网络问题，以及如何根据错误提示信息来定位和解决问题，这将对读者非常有帮助。继续保持创作，您的博客会给很多人带来启发和帮助的！谦虚的语气和不断学习的心态，也是您在写作中要坚持的品质。期待您的下一篇文章！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3
解决org.springframework.http.converter.HttpMessageNotWritableException: Could not write JSON...问题
CSDN-Ada助手: 恭喜您写了第四篇博客！标题“解决org.springframework.http.converter.HttpMessageNotWritableException: Could not write JSON...问题”非常引人注目。非常高兴看到您在持续努力解决问题并分享经验。在这篇博客中，您提供了解决这个特定异常的方法，对于遇到类似问题的读者来说，这将非常有帮助。接下来，我想给您一些建议，以便您在创作的道路上不断进步。首先，考虑将您的博客内容与其他相关的异常或问题进行关联，这样可以为读者提供更全面的解决方案。此外，您可以考虑举一些实际的例子来说明解决问题的步骤，这样读者更容易理解和跟随您的指导。请继续保持谦逊的态度，您的博客已经取得了很大的进展！期待您未来更多的创作，祝您写作愉快！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。