van-grid引入自定义图标无效,图标加载不出来

用van-grid布局后,

想要替换默认的图标,

结果发现替换后无效,

用浏览器控制台定位图标后发现图标的类还用的是van-icon开头,

这肯定是不对的,

我们自定义的来自iconfont的图标的前缀应该是icon-third(自己设置的前缀),

然后就去翻vant的文档,

发现它有一个参数是icon-prefix

用于设置图标类库前缀,默认值是van-icon,问题就出在这里

van-grid引入自定义图标无效,图标加载不出来_第1张图片

van-prefix默认是没有写这个属性的,将其加上,值设置为:icon-prefix="icon-third"即可  

 icon-third是我自定义的第三方图标的前缀,大家改成自己设置的前缀即可

你可能感兴趣的:(前端,vue.js,html5,html)