其他分享
首页 > 其他分享> > Bootstrap4.x 上使用bootstrap-treeview.js图标没有了

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

标签:glyphicon,square,bootstrap,替换成,js,fa,Bootstrap4,如下,图标
来源: https://blog.csdn.net/kang214/article/details/122579344