layer.tree 左侧菜单悬浮 样式 自定义 实现

悬浮效果是js动态生成的，会生成一个含有类layui-nav-bar的span标签，然后动态设置span的位置达成border-left的效果。可通过控制layui-nav-bar的样式来达到修改样式的效果

因为默认高度是0px，一旦你的菜单高度不是0px开始的话，可能鼠标悬浮不能精确定位，解决办法：

1.去掉悬浮效果，在本页面自定义

<style type="text/css">

.layui-nav-tree .layui-nav-bar {

1. background-color: #ffffff;
2. width: 0px;

}

</style>

2.同样在上面style中自定义你想要的 悬浮效果

<style type="text/css">

.layui-nav-tree .layui-nav-bar {

#

}

</style>