113 lines
2.3 KiB
SCSS
113 lines
2.3 KiB
SCSS
@use 'right-box-common';
|
|
@use 'table-common';
|
|
@use 'button';
|
|
|
|
/* 通用css */
|
|
.panel-chart__no-data {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
color: #999;
|
|
position: absolute;
|
|
}
|
|
.data-column__span {
|
|
font-weight: bold;
|
|
}
|
|
// confirm弹框样式
|
|
.del-model {
|
|
&.el-message-box {
|
|
max-width: 480px !important;
|
|
}
|
|
padding: 0 !important;
|
|
width: 480px !important;
|
|
height: 190px;
|
|
|
|
.el-message-box__header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 1px solid #eee;
|
|
height: 42px;
|
|
background: var(--el-color-info-light-9);
|
|
padding-left: 21px;
|
|
padding-top: 10px;
|
|
padding-bottom: 14px;
|
|
|
|
.el-message-box__headerbtn {
|
|
display: flex !important;
|
|
flex-direction: row-reverse;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
padding-right: 10px !important;
|
|
|
|
i {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
}
|
|
|
|
.el-message-box__title {
|
|
font-size: 14px !important;
|
|
color: var(--el-text-color-primary);
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
.el-message-box__content {
|
|
height: 96px;
|
|
font-size: 14px;
|
|
color: var(--el-text-color-primary);
|
|
letter-spacing: 0;
|
|
line-height: 22px;
|
|
padding-top: 9px;
|
|
padding-right: 20px;
|
|
padding-left: 21px;
|
|
|
|
.el-message-box__message {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
}
|
|
|
|
.el-message-box__btns {
|
|
height: 52px;
|
|
border-top: 1px solid var(--el-border-color-light);
|
|
padding: 13px 1px 12px 0;
|
|
|
|
.el-button {
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
width: 72px;
|
|
height: 28px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.el-button:nth-child(1) {
|
|
color: var(--el-text-color-primary);
|
|
border-color: var(--el-color-info-light-7);
|
|
|
|
&:hover {
|
|
background-color: var(--el-fill-color);
|
|
}
|
|
&:focus {
|
|
background-color: var(--el-fill-color-darker);
|
|
}
|
|
}
|
|
|
|
.el-button:nth-child(2) {
|
|
background-color: var(--el-color-business);
|
|
border-color: var(--el-color-business-dark-2);
|
|
|
|
&:hover {
|
|
background-color: var(--el-color-business-light-2);
|
|
}
|
|
&:focus {
|
|
background-color: var(--el-color-business-dark-1);
|
|
}
|
|
}
|
|
}
|
|
}
|