美文网首页
nui-app使用iconfont图标

nui-app使用iconfont图标

作者: 残风尘缘若梦_7267 | 来源:发表于2019-12-06 10:24 被阅读0次

    今天记录一下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,好吧,好像是自己的问题,

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

    相关文章

      网友评论

          本文标题:nui-app使用iconfont图标

          本文链接:https://www.haomeiwen.com/subject/qviwtqtx.html