最近要做一下后台管理的权限管理,想着之前写的有一个,于是就直接拿过来使用吧。
结果运行之后发现树形菜单中的 图标 不展示了,如下图:
后续网上找方案发现说是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的,但是不太好使。
运行结果如下: