微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Bootstrap4.x 上使用bootstrap-treeview.js图标没有了

最近要做一下后台管理的权限管理,想着之前写的有一个,于是就直接拿过来使用吧。
结果运行之后发现树形菜单中的 图标 不展示了,如下图:

image.png

后续网上找方案发现说是bootstrap4把这些图标分离出去了。
那就看看bootstrap-treeview.js的源文件吧 找到如下代码

expandIcon: 'glyphicon glyphicon-plus',
collapseIcon: 'glyphicon glyphicon-minus',
emptyIcon: 'glyphicon',
nodeIcon: '',
selectedIcon: '',
checkedIcon: 'glyphicon glyphicon-check',
uncheckedIcon: 'glyphicon glyphicon-unchecked',

那我们把这些字体替换就可以了,替换成fontawesome中的图标,换成如下图标:

expandIcon: 'fa fa-plus',
collapseIcon: 'fa fa-minus',
emptyIcon: 'fa',
nodeIcon: '',
selectedIcon: '',
checkedIcon: 'fa fa-check-square',
uncheckedIcon: 'fa fa-square',

本来打算把fa-square 替换成fa-square-o的,但是不太好使。
运行结果如下:

image.png

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐