nui-app使用iconfont图标

今天记录一下nuiapp开发过程中遇到一个坑点。

iconfont作为前端开发的一个免费图标库,资源充足,经常性的被使用到项目开发中,然而今天在涉足nuiapp开发时,怎么都无法显示图标,应该说只显示了个框:


不显示图标

可以看到主体部分的图标没有显示出来,左上角却显示出来了,这是为啥,让我再瞅瞅,

再看看下载的iconfont示例(三种使用方式):

iconfont - Unicode格式
iconfont - fontClass格式


iconfont - symbol格式

是的,只有Symbol格式的显示出来了,也就是以svg形式使用的图标,这也忒不方便了,我还是习惯使用fontClass的方式啊,毕竟加一个类名就可以了,然后就找啊找啊,终于偶然中看到了一位大佬的回答:uni-app 不能使用本地字体图标库!

(偷偷看了他的iconfont使用)https://www.cnblogs.com/xguoz/p/10245641.html

难怪路径什么都没问题就是出不来,哎,也怪我太浅薄了,根本不知道这个,能怎么办嘞,只能改成在线使用的方式了(路径前记得添加https:):

在线引入iconfont

当然也别忘了后面的iconfont标识(不然找不到):

iconfont- xxx

然后就可以使用了:


三种使用方式


正常显示了

又破解了一个bug,好吧,好像是自己的问题,

就这样吧,有不对的地方记得提醒我!我也在成为大佬的路上,一步一步...

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容