|
@ -8,7 +8,7 @@ $color-primary: var(--color-primary); |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
|
|
|
|
|
|
.left-search { |
|
|
.left-search { |
|
|
min-height: 500px; |
|
|
|
|
|
|
|
|
//min-height: 500px; |
|
|
overflow: auto; |
|
|
overflow: auto; |
|
|
.form-slider-date-time { |
|
|
.form-slider-date-time { |
|
|
width: 85%; |
|
|
width: 85%; |
|
@ -40,35 +40,35 @@ $color-primary: var(--color-primary); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
height: calc(100% - 10px); |
|
|
height: calc(100% - 10px); |
|
|
&::-webkit-scrollbar :hover { |
|
|
|
|
|
width: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
.table-wrap { |
|
|
|
|
|
height: calc(100% - 32px - 65px); |
|
|
|
|
|
/*定义滚动条高宽及背景 |
|
|
|
|
|
高宽分别对应横竖滚动条的尺寸*/ |
|
|
|
|
|
::-webkit-scrollbar { |
|
|
|
|
|
width: 6px; |
|
|
|
|
|
height: 16px; |
|
|
|
|
|
background-color: #5c5c5c; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// &::-webkit-scrollbar :hover { |
|
|
|
|
|
// width: 10px; |
|
|
|
|
|
// } |
|
|
|
|
|
// .table-wrap { |
|
|
|
|
|
// height: calc(100% - 32px - 65px); |
|
|
|
|
|
// /*定义滚动条高宽及背景 |
|
|
|
|
|
// 高宽分别对应横竖滚动条的尺寸*/ |
|
|
|
|
|
// ::-webkit-scrollbar { |
|
|
|
|
|
// width: 6px; |
|
|
|
|
|
// height: 16px; |
|
|
|
|
|
// background-color: #5c5c5c; |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
/*定义滚动条轨道 |
|
|
|
|
|
内阴影+圆角*/ |
|
|
|
|
|
::-webkit-scrollbar-track { |
|
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
|
|
|
|
|
border-radius: 10px; |
|
|
|
|
|
background-color: #9da2ab; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// /*定义滚动条轨道 |
|
|
|
|
|
// 内阴影+圆角*/ |
|
|
|
|
|
// ::-webkit-scrollbar-track { |
|
|
|
|
|
// -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
|
|
|
|
|
// border-radius: 10px; |
|
|
|
|
|
// background-color: #9da2ab; |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
/*定义滑块 |
|
|
|
|
|
内阴影+圆角*/ |
|
|
|
|
|
::-webkit-scrollbar-thumb { |
|
|
|
|
|
border-radius: 10px; |
|
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); |
|
|
|
|
|
background-color: #3b97ff; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// /*定义滑块 |
|
|
|
|
|
// 内阴影+圆角*/ |
|
|
|
|
|
// ::-webkit-scrollbar-thumb { |
|
|
|
|
|
// border-radius: 10px; |
|
|
|
|
|
// -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); |
|
|
|
|
|
// background-color: #3b97ff; |
|
|
|
|
|
// } |
|
|
|
|
|
// } |
|
|
.right-button-group { |
|
|
.right-button-group { |
|
|
display: flex; |
|
|
display: flex; |
|
|
button { |
|
|
button { |
|
|