170 lines
3.3 KiB
SCSS
170 lines
3.3 KiB
SCSS
/*
|
|
ems管理平台公共css样式
|
|
*/
|
|
|
|
//右侧内容区域
|
|
//父元素
|
|
.ems-dashboard-editor-container{
|
|
background-color: #F1F5FC;
|
|
padding: 24px;
|
|
font-size: 12px;
|
|
}
|
|
//除去顶部信息(如搜索栏、站点基本信息等)外的 白色背景内容区域
|
|
.ems-content-container{
|
|
background-color: #ffffff;
|
|
margin-top: 24px;
|
|
}
|
|
//需要设置内padding的白色背景区域
|
|
.ems-content-container-padding{
|
|
padding: 24px;
|
|
}
|
|
|
|
//card通用样式 标题、body
|
|
.common-card-container{
|
|
.el-card__header{
|
|
padding:14px;
|
|
border-bottom: none;
|
|
font-size: 12px;
|
|
background: #F1F5FB ;
|
|
.card-title{
|
|
font-weight: 500;
|
|
color:#333333;
|
|
}
|
|
.large-title{
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
}
|
|
.el-button--text{
|
|
color: #666666;
|
|
}
|
|
}
|
|
}
|
|
.common-card-container-body-no-padding{
|
|
.el-card__body{
|
|
padding:0;
|
|
}
|
|
}
|
|
.common-card-container-no-title-bg {
|
|
.el-card__header{
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
//描述样式 PCS、BMS总览、BMS电池簇页面公共样式
|
|
.descriptions-main{
|
|
padding:24px;
|
|
position: relative;
|
|
&.descriptions-main-bg-color{
|
|
background-color:#f1f5fc ;
|
|
.el-descriptions__body{
|
|
background-color:#f1f5fc ;
|
|
}
|
|
}
|
|
.el-descriptions-item__cell[colspan='1']{
|
|
width:25%
|
|
}
|
|
.el-descriptions__body .el-descriptions__table{
|
|
.descriptions-direction{
|
|
line-height: 19px;
|
|
color: #666666;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
.descriptions-label{
|
|
line-height: 14px;
|
|
color: #666666;
|
|
font-size: 12px;
|
|
}
|
|
.danger{
|
|
color:#FC6B69;
|
|
}
|
|
.save{
|
|
color:#09ADA3;
|
|
}
|
|
.keep{
|
|
color:#3C81FF;
|
|
}
|
|
}
|
|
}
|
|
|
|
//公共表格样式
|
|
.common-table.el-table{
|
|
color:#333333;
|
|
.el-table__header-wrapper th, .el-table__fixed-header-wrapper th {
|
|
background: #f1f5fc;
|
|
border-bottom: none;
|
|
.table-head {
|
|
color: #515a6e;
|
|
}
|
|
}
|
|
.warning-status{
|
|
color:#FC6B69;
|
|
&.circle::before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background-color: #FC6B69;
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//二、三级菜单栏样式
|
|
.ems-second-menu{
|
|
width:fit-content;
|
|
.el-menu-item{
|
|
line-height: 40px;
|
|
height: 40px;
|
|
padding:0;
|
|
}
|
|
&.el-menu--horizontal > .el-menu-item.is-active,&.el-menu--horizontal > .el-menu-item{
|
|
border-bottom:none!important;
|
|
}
|
|
.el-menu-item.is-active{
|
|
background: #0366c1!important;
|
|
}
|
|
}
|
|
.ems-third-menu{
|
|
border-right: none;
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
height: fit-content;
|
|
.el-menu-item{
|
|
line-height: 45px;
|
|
height: 45px;
|
|
padding: 0 !important;
|
|
width: 125px;
|
|
text-align: center;
|
|
}
|
|
.el-menu-item:hover{
|
|
background: #67b1ff!important;
|
|
color:#ffffff!important;
|
|
}
|
|
.el-menu-item.is-active{
|
|
background: #409eff!important;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
//按钮栏 选中样式
|
|
.ems-btns-group{
|
|
.activeBtn{
|
|
background-color: #0366c1;
|
|
border-color: #0366c1;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
//搜索栏样式
|
|
.select-container.el-form--inline .el-form-item{
|
|
margin-right: 15px;
|
|
}
|
|
//红色背景颜色按钮
|
|
.alarm-btn,.alarm-btn:hover, .alarm-btn:focus{
|
|
background-color: #FC6B69;
|
|
border-color: #FC6B69;
|
|
}
|