parent
3dcbf43cdd
commit
3cf34b1d57
@ -0,0 +1,159 @@
|
||||
.search-container {
|
||||
margin-top: 10px;
|
||||
flex: 1;
|
||||
::v-deep .option-rows {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #003869;
|
||||
padding: 15px 0;
|
||||
.el-select {
|
||||
margin-right: 10px;
|
||||
width: 150px;
|
||||
}
|
||||
.el-input__inner,
|
||||
.el-input__inner::placeholder,
|
||||
.el-range-input,
|
||||
.el-range-input::placeholder {
|
||||
color: #06162a;
|
||||
}
|
||||
.el-radio-group {
|
||||
margin: 0 30px 0 10px;
|
||||
}
|
||||
.el-checkbox__label,
|
||||
.el-radio__label {
|
||||
font-size: 16px;
|
||||
color: #aabace;
|
||||
font-weight: 500;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
}
|
||||
.three-option {
|
||||
margin-top: 15px;
|
||||
|
||||
.option-list {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
& > div {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
margin-right: 8px;
|
||||
background: #0059a2;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
font-size: 16px;
|
||||
color: #aee0ff;
|
||||
font-weight: 400;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
}
|
||||
.option-input {
|
||||
height: 80px;
|
||||
background: #042854;
|
||||
border: 1px solid #006cc5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
.input-general-width {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.input-big-width {
|
||||
width: 300px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result-list {
|
||||
margin-top: 15px;
|
||||
.list-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
.header-left-total {
|
||||
color: #ffa11b;
|
||||
font-weight: 500;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
}
|
||||
.header-rigth-total {
|
||||
color: #aacfff;
|
||||
font-weight: 400;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
}
|
||||
.list-table {
|
||||
margin-top: 10px;
|
||||
.table-header {
|
||||
padding: 5px 0;
|
||||
font-size: 16px;
|
||||
color: #eff8ff;
|
||||
background: linear-gradient(90deg, #007b9f, #0066d8);
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.table-body {
|
||||
height: 350px;
|
||||
|
||||
.body-rows {
|
||||
padding: 7px 0;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
}
|
||||
& > .body-rows:nth-child(even) {
|
||||
background: #033159;
|
||||
}
|
||||
}
|
||||
.table-header,
|
||||
.body-rows {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
& > div {
|
||||
text-align: center;
|
||||
}
|
||||
.table-cell0 {
|
||||
width: 50px;
|
||||
}
|
||||
.table-cell1 {
|
||||
flex: 1;
|
||||
}
|
||||
.table-cell2 {
|
||||
flex: 2;
|
||||
}
|
||||
.cell-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-button {
|
||||
font-size: 14px;
|
||||
color: #cdfbff;
|
||||
font-weight: 400;
|
||||
background: url("~@/assets/images/ui/btn_bg.png");
|
||||
background-size: 100% 100%;
|
||||
padding: 12px 20px 14px 20px;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
}
|
||||
.activeItme {
|
||||
color: #ffffff !important;
|
||||
border: 1px solid #006cc5 !important;
|
||||
border-bottom: 0 !important;
|
||||
background: #042854 !important;
|
||||
}
|
||||
.recover {
|
||||
span {
|
||||
padding: 3px 8px;
|
||||
background: #007f54;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
Loading…
Reference in new issue