holisticStyle.css
/*表格*/
.zt_table_bj{
/*height: calc(100vh - 380px);*/
/*overflow-y: auto;*/
/*width: 100%;*/
}
#leftWrap{
width: 100%;
height: calc(100vh - 50px);
}
.left-nav{
background: rgb(235,250,255)!important;
}
/*侧边栏颜色及icon*/
.left-nav .el-submenu__title{
width: calc(100% - 20px);
height: 30px !important;
line-height: 30px!important;
margin-top: 9px;
margin-left: 20px;
border-radius: 20px 0 0 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
}
.left-nav .el-submenu__title i{
color:#00cdff;:!important;
}
.left-nav .is-opened .el-submenu__title{
background: rgb(196,227,253);
}
.left-nav .is-opened .el-submenu__title i{
/*color:white!important;*/
}
.left-nav .is-active .el-submenu__title{
background-image: linear-gradient(to right, rgb(9,152,252) , rgb(62,221,165));
font-size: 14px;
font-weight: bold;
color:#FFF!important;
}
.left-nav .is-active .el-submenu__title i{
color:#FFF!important;
}
.left-nav .el-submenu__icon-arrow{
top: 55%;
right: 15px;
}
.left-nav .el-menu{
background: rgb(235,250,255)!important;
width: 100%!important;
}
.left-nav .el-menu .submenuWrap{
width: 100% !important;
}
.left-nav .el-menu-item{
width: 100%!important;
padding-left: 60px!important;
padding-right: 5%!important;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.left-nav .el-menu-item:nth-child(1){
margin-top: 9px;
}
.left-nav .el-submenu .el-menu-item.is-active{
width: calc(100% - 30px) !important;
min-width: 30px!important;
padding-left: 30px !important;
padding-right: 5%!important;
margin-left: 30px;
display: inline-block;
background-color:white!important;
color:#108ee9!important;
}
