nui-app使用iconfont图标
2019-12-06 本文已影响0人
残风尘缘若梦_7267
今天记录一下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,好吧,好像是自己的问题,
就这样吧,有不对的地方记得提醒我!我也在成为大佬的路上,一步一步...