微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在uniapp 中引入iconfont图标

1、先在iconfont挑选图标(https://www.iconfont.cn/),吧想要的图标先加入购物车

在这里插入图片描述

2、再将图标添加到项目中,没有项目的,可以先新建一个项目

在这里插入图片描述

3、将刚刚选的图标下载到本地

在这里插入图片描述

4、解压后,将需要的文件添加到项目中

在这里插入图片描述

5、复制以下代码,将iconfont.css中的内容替换

在这里插入图片描述


将原来文件中下面那部分内容替换成刚刚复制的内容,替换钱前:

在这里插入图片描述


替换后:再复制的内容连接前面要加上https

在这里插入图片描述


6、再在app.vue文件中引入样式

在这里插入图片描述


7、使用

<view class="iconfont icon-fabu"></view>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐