大道至简,知行合一。

解决iview菜单使用iconfont图标无法显示的问题

转自:https://blog.csdn.net/lvdou1120101985/article/details/82887038

首先,我出现问题的场景是使用在导航菜单上,即 Menu Item。其次,我是使用json文件递归生成的菜单列表,在meta属性中设置的icon。

今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框:

使用方法和设置Button的图标是一样的,检查了好久也没有发现问题,百思不得其解。使用F12检查元素,发现原来框架是在样式前面加上了 ivu-icon!所以样式的名称已经被改变了。

解决的办法就是在样式的前面加上空格:

浏览器刷新果然成功了!查看页面元素样式如下:

重新打包,问题解决。

赞(0)
未经允许不得转载:北凉柿子 » 解决iview菜单使用iconfont图标无法显示的问题
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址