首页 > 移动平台 > 详细

在uni-app中使用iconfont

时间:2020-04-08 10:16:26      阅读:517      评论:0      收藏:0      [点我收藏+]

1、挑选iconfont图标,添加至项目中。并下载至本地

技术分享图片

2、在项目中新建common/iconfont文件夹,将下载文件中的iconfont.css移入此文件夹

技术分享图片
技术分享图片

3、回到iconfont项目中生成Unicode线上代码,生成后复制此代码

生成前:

技术分享图片

生成后:

技术分享图片

4、打开iconfont.css文件,将复制的unicode代码替换进去,并在//at前加入https:前缀

替换前:

技术分享图片

替换后:

技术分享图片

5、在App.vue中全局引入,注意务必填写尾部的分号,不然不会生效

技术分享图片

6、使用

<view class="iconfont iconai-arrow-down"></view>

在uni-app中使用iconfont

原文:https://www.cnblogs.com/huihuihero/p/12657945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!