| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- @import './base.css';
- @font-face {
- font-family: "Bicubik";
- src: url("./font/Bicubik.woff"), url("./font/Bicubik.ttf");
- }
- @font-face {
- font-family: "SourceHanSans";
- src: url("./font/SourceHanSansCN-Normal.ttf");
- }
- #app {
- /* max-width: 1920px; */
- overflow: hidden;
- /* margin: 0 auto;
- padding: 2rem;
- font-weight: normal; */
- font-family: "SourceHanSans";
- }
- a,
- .green {
- text-decoration: none;
- color: hsla(160, 100%, 37%, 1);
- transition: 0.4s;
- padding: 3px;
- }
- /* @media (hover: hover) {
- a:hover {
- background-color: hsla(160, 100%, 37%, 0.2);
- }
- }
- @media (min-width: 1024px) {
- body {
- display: flex;
- place-items: center;
- }
- #app {
- display: grid;
- grid-template-columns: 1fr 1fr;
- padding: 0 2rem;
- }
- } */
- /* 整个滚动条 */
- ::-webkit-scrollbar {
- width: 10px; /* 滚动条宽度 */
- background-color: transparent !important; /* 滚动条轨道背景色(即“背景色”) */
- }
- /* 滚动条滑块(可拖动的部分) */
- ::-webkit-scrollbar-thumb {
- background-color: #888;
- border-radius: 5px;
- }
- /* 滚动条轨道(滑块外的区域) */
- ::-webkit-scrollbar-track {
- background-color: transparent !important; /* 这也是背景的一部分 */
- }
- .warnTable {
- .el-table {
- .el-table__header-wrapper {
- .el-table__header {
- thead {
- color: #fff;
- border-bottom: #c0c0c0;
- tr {
- th {
- background: rgb(46, 51, 52);
- }
- }
- }
- }
- }
- .el-table__body-wrapper {
- .el-table__body {
- tbody {
- .el-table__row {
- .el-table__cell {
- background: rgb(46, 51, 52);
- color: #fff;
- border-bottom: #c0c0c0;
- }
- }
- .el-table__row--striped {
- .el-table__cell {
- background: #3c3f44;
- border-bottom: #c0c0c0;
- }
- }
- }
- }
- }
- }
- }
- .reportTable {
- .el-table {
- --el-table-border-color: none;
- .el-table__header-wrapper {
- .el-table__header {
- thead {
- color: #fff;
- border-bottom: #c0c0c0;
- tr {
- th {
- background: rgb(35, 67, 73) !important;
- }
- }
- }
- }
- }
- .el-table__body-wrapper {
- .el-table__body {
- tbody {
- .el-table__row {
- .el-table__cell {
- background: rgb(22, 42, 46);
- color: #fff;
- border-bottom: #c0c0c0;
- }
- }
- .el-table__row--striped {
- .el-table__cell {
- background: rgb(35, 67, 73);
- border-bottom: #c0c0c0;
- }
- }
- }
- }
- }
- }
- }
- .el-popper{
- .el-date-picker{
- .el-picker-panel__body-wrapper{
- .el-picker-panel__body{
- background: rgb(35, 67, 73) !important;
- .el-date-picker__header{
- .el-date-picker__prev-btn, .el-date-picker__next-btn{
- .d-arrow-left, .d-arrow-right{
- color: #fff;
- }
- }
- .el-date-picker__header-label{
- color: #fff;
- }
- }
- .el-picker-panel__content{
- .el-date-table-cell__text{
- color: #fff;
- }
- }
- }
- }
- }
- }
|