uniapp引入阿里图标不能正常显示只显示字符

23年开发时再uniapp中引入了阿里图标库比较简单,将图标文件下载下来

下载的压缩文件加压后只需要将iconfont.css复制到项目中即可

然后修改对应的名称

最终引用

这里图标样式你也可以直接写成下面这样,即:custom-icon-radius是上面iconfonts.css中有的

<i class="custom-icon custom-icon-radius"></i>

到这里基本上就完成了可以正常显示。

但是到了今年(2024年6月),我用同样的方法竟然显示不出来!!

直接显示的是个空字符

最后解决办法是将下载的文件iconfont.svg也引入,才能正常显示

               

 

就这样吧,也有可能是因为微信开发工具缓存没有清,导致加载不上的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值