201 lines
3.6 KiB
CSS
201 lines
3.6 KiB
CSS
.daorubox {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-left: 30px;
|
||
}
|
||
|
||
.tab_box {
|
||
width: 100%;
|
||
align-self: flex-start;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
:deep(.el-tabs__item) {
|
||
background-color: #EDF6ED !important;
|
||
color: #389F37 !important;
|
||
}
|
||
|
||
:deep(.is-active) {
|
||
background-color: #389F37 !important;
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
:deep(.el-input .el-input__wrapper.is-focus) {
|
||
box-shadow: 0 0 0 1px #389F37 !important;
|
||
}
|
||
|
||
.toolbox {
|
||
display: flex;
|
||
flex-direction: row;
|
||
margin-bottom: 20px;
|
||
align-self: flex-start;
|
||
}
|
||
|
||
.searchinput {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.searchbox {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-flow: wrap;
|
||
width: 100%;
|
||
align-items: center;
|
||
}
|
||
|
||
.input {
|
||
width: 50%;
|
||
}
|
||
|
||
.el-table {
|
||
align-self: flex-start;
|
||
}
|
||
|
||
.el-pagination {
|
||
align-self: flex-start;
|
||
}
|
||
|
||
.inputs {
|
||
display: flex;
|
||
width: 175px;
|
||
height: 42px;
|
||
margin-right: 20px;
|
||
margin-bottom: 20px;
|
||
margin-left: 1px;
|
||
}
|
||
|
||
.search_button {
|
||
width: 120px;
|
||
height: 42px;
|
||
background-color: #389F37;
|
||
color: #ffffff;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.table_operation_button {
|
||
color: #389F37;
|
||
width: 67px;
|
||
height: 32px;
|
||
background-color: #EDF6ED;
|
||
}
|
||
|
||
.table_operation_button_disable {
|
||
color: #389F37;
|
||
width: 67px;
|
||
height: 32px;
|
||
background-color: #cccccc;
|
||
}
|
||
|
||
.operation_button {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-self: center;
|
||
color: #389F37;
|
||
width: 120px;
|
||
height: 42px;
|
||
background-color: #EDF6ED;
|
||
border: 0;
|
||
margin-right: 20px;
|
||
margin-bottom: 20px;
|
||
margin-left: 1px;
|
||
}
|
||
|
||
.operation_button_icon {
|
||
width: 15px;
|
||
height: 15px;
|
||
margin-right: 3px;
|
||
}
|
||
|
||
.search_icon {
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.operation_button_icon_del {
|
||
width: 15px;
|
||
height: 6px;
|
||
margin-right: 3px;
|
||
}
|
||
|
||
|
||
:deep(.rowStyle) {
|
||
background-color: #EFF6EE !important;
|
||
border: 1px solid #389F37;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
|
||
background-color: #EFF6EE !important;
|
||
}
|
||
|
||
:deep(.el-table__row .cell_new) {
|
||
background-color: #EFF6EE !important;
|
||
position: sticky !important;
|
||
z-index: 2;
|
||
}
|
||
|
||
.page {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
:deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner) {
|
||
border-color: #389F37;
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
/* 设置选中后对勾框的边框和背景颜色 */
|
||
:deep(.el-checkbox__input.is-checked .el-checkbox__inner, .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner) {
|
||
border-color: #389F37;
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
|
||
:deep(.el-checkbox__inner::after) {
|
||
border: 3px solid #fff;
|
||
border-left: 0;
|
||
border-top: 0;
|
||
left: 6px;
|
||
top: 3px;
|
||
}
|
||
|
||
:deep(.el-checkbox__inner::before) {
|
||
border: 5px solid #fff;
|
||
border-left: 0;
|
||
border-top: 0;
|
||
left: 6px;
|
||
top: 10px;
|
||
}
|
||
|
||
|
||
:deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {
|
||
border-color: #389F37 !important;
|
||
transform: rotate(50deg) scaleY(1.3);
|
||
}
|
||
|
||
:deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner::before) {
|
||
border-color: #389F37 !important;
|
||
height: 0;
|
||
margin-top: 2px;
|
||
}
|
||
|
||
:deep(.el-checkbox__inner) {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
:deep(.el-checkbox__inner) {
|
||
border-color: #389F37;
|
||
}
|
||
|
||
/* 设置checkbox获得焦点后，对勾框的边框颜色 */
|
||
:deep(.el-checkbox__input.is-focus .el-checkbox__inner) {
|
||
border-color: #389F37;
|
||
}
|
||
|
||
/* 设置鼠标经过对勾框，对勾框边框的颜色 */
|
||
:deep(.el-checkbox__inner:hover) {
|
||
border-color: #389F37;
|
||
} |