118 lines
1.7 KiB
CSS
118 lines
1.7 KiB
CSS
|
.stackpanel-vertical {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fix-top {
|
|||
|
|
top: 5.34rem;
|
|||
|
|
width: 100%;
|
|||
|
|
background: white;
|
|||
|
|
position: fixed;
|
|||
|
|
}
|
|||
|
|
.search-line {
|
|||
|
|
display: flex;
|
|||
|
|
width: 100%;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
padding: 0 0.83rem;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.search-criteria {
|
|||
|
|
border: 1px solid #d9d9d9;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
height: 2.5rem;
|
|||
|
|
width: 23%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.search-criteria:nth-child(2) {
|
|||
|
|
margin: 0 0 0 2.6%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.search-criteria:nth-child(3) {
|
|||
|
|
margin: 0 2.6%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table {
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tr {
|
|||
|
|
border-top: 1px solid #d9d9d9;
|
|||
|
|
background: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tr td:nth-child(odd) {
|
|||
|
|
background: #f7f7f7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tr:last-child {
|
|||
|
|
border-bottom: 1px solid #d9d9d9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
td {
|
|||
|
|
text-align: center;
|
|||
|
|
height: 2.58rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ai-table td:nth-child(1) {
|
|||
|
|
width: 40%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ai-table td:nth-child(2) {
|
|||
|
|
width: 25%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ai-table td:nth-child(3) {
|
|||
|
|
width: 15%;
|
|||
|
|
display: table-cell;
|
|||
|
|
}
|
|||
|
|
.ai-table td:nth-child(4) {
|
|||
|
|
width: 20%;
|
|||
|
|
display: table-cell;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.di-table td:nth-child(1) {
|
|||
|
|
width: 70%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.di-table td:nth-child(2) {
|
|||
|
|
width: 30%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.di-table td:nth-child(3) {
|
|||
|
|
width: 0%;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.di-table td:nth-child(4) {
|
|||
|
|
width: 0%;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.enableClick {
|
|||
|
|
color: #e9be2b;
|
|||
|
|
}
|
|||
|
|
.disableClick {
|
|||
|
|
color: rgba(148,148,147,0.8);
|
|||
|
|
}
|
|||
|
|
.table-content {
|
|||
|
|
/*加上此样式后，子元素table-header 的fixed将相对此父类名来说*/
|
|||
|
|
transform:translate(0,0);
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
/*top: 16rem;*/
|
|||
|
|
}
|
|||
|
|
.table-header {
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.chart {
|
|||
|
|
height:20rem;
|
|||
|
|
position:fixed;
|
|||
|
|
width:100%;
|
|||
|
|
background:white;
|
|||
|
|
}
|
|||
|
|
.table-body tr:nth-child(1) {
|
|||
|
|
border-top: none;
|
|||
|
|
}
|