layui树形美化_使用layui-tree美化左侧菜单，点击生成tab选项

layui-tree美化左侧菜单

html

css

/*左侧导航*/

.layui-tree-skin-sidebar li i{

color: rgba(255,255,255,.7);

display: none;

}

.layui-tree-skin-sidebar li a cite{

color: rgba(255,255,255,.7)

}

.layui-tree-skin-sidebar li .layui-tree-spread{

display: block;

position: absolute;

right: 30px;

}

.layui-tree-skin-sidebar li{

line-height: 45px;

position: relative;

}

.layui-tree-skin-sidebar li ul{

margin-left: 0;

background: rgba(0,0,0,.3);

}

.layui-tree-skin-sidebar li ul a{

padding-left: 20px;

}

.layui-tree-skin-sidebar li a{

height: 45px;

border-left: 5px solid transparent;

box-sizing: border-box;

<