hbt-prevention-ui/src/views/common.component.scss

138 lines
2.5 KiB
SCSS

::v-deep {
.color_1 {
color: #68C23A
}
.color_2 {
color: #409EFF
}
.color_3 {
color: #E6A23C
}
.color_4 {
color: #F56C6C
}
.noDraw {
color: #F56C6C;
}
.link {
color: #409eff;
cursor: pointer;
pointer-events: auto;
&:hover {
text-decoration: underline;
}
}
.el-dialog__wrapper,.v-modal{
z-index: 99 !important;
}
.el-tree-node__content {
height: 39px;
}
.el-tree-node__content:hover,
.el-upload-list__item:hover {
background: #E4E8F1;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
background: #409EFF;
border-radius: 4px;
color: #FFF;
}
.td-content {
&.active {
&::before {
position: absolute;
inset: 0;
content: "";
background: #68C23A;
z-index: 1;
}
span {
position: relative;
z-index: 9;
color: #FFF;
}
}
}
}
.common-box {
width: 100%;
height: 100%;
padding: 8px;
font-size: 14px;
position: relative;
.model-box {
position: fixed;
inset: 40px 40px 40px 240px;
z-index: 999;
.mask {
position: fixed;
inset: 0;
background: rgba($color: #000000, $alpha: 0.6);
z-index: 10;
}
}
.common-tree-box {
width: 200px;
padding: 20px 10px;
margin-right: 8px;
height: 100%;
overflow: hidden;
overflow-y: auto;
background: #FFF;
border-radius: 4px;
border: 1px solid #EEEEEE;
}
.common-content-box {
width: 1px;
height: 100%;
.search-box {
padding: 20px 20px 0;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #EEEEEE;
}
.table-box {
width: 100%;
height: 1px;
margin-top: 8px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #EEEEEE;
padding: 24px 24px 0;
}
}
}
.sub-title {
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #EEEEEE;
color: #606266;
font-size: 16px;
margin-bottom: 20px;
}
.sub-btn-box {
width: 100%;
display: flex;
justify-content: center;
padding: 20px 0;
}