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

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

Bootstrap4.x 上使用bootstrap-treeview.js图标没有了
后续网上找方案发现说是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的,但是不太好使。
运行结果如下:

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

上一篇:基于pybind11实现Python调用c++编写的CV算法--上(Windows+VS)


下一篇:解决mount.nfs: access denied by server while mounting错误