main.less 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. @import './base.css';
  2. @font-face {
  3. font-family: "Bicubik";
  4. src: url("./font/Bicubik.woff"), url("./font/Bicubik.ttf");
  5. }
  6. @font-face {
  7. font-family: "SourceHanSans";
  8. src: url("./font/SourceHanSansCN-Normal.ttf");
  9. }
  10. #app {
  11. /* max-width: 1920px; */
  12. overflow: hidden;
  13. /* margin: 0 auto;
  14. padding: 2rem;
  15. font-weight: normal; */
  16. font-family: "SourceHanSans";
  17. }
  18. a,
  19. .green {
  20. text-decoration: none;
  21. color: hsla(160, 100%, 37%, 1);
  22. transition: 0.4s;
  23. padding: 3px;
  24. }
  25. /* @media (hover: hover) {
  26. a:hover {
  27. background-color: hsla(160, 100%, 37%, 0.2);
  28. }
  29. }
  30. @media (min-width: 1024px) {
  31. body {
  32. display: flex;
  33. place-items: center;
  34. }
  35. #app {
  36. display: grid;
  37. grid-template-columns: 1fr 1fr;
  38. padding: 0 2rem;
  39. }
  40. } */
  41. /* 整个滚动条 */
  42. ::-webkit-scrollbar {
  43. width: 10px; /* 滚动条宽度 */
  44. background-color: transparent !important; /* 滚动条轨道背景色(即“背景色”) */
  45. }
  46. /* 滚动条滑块(可拖动的部分) */
  47. ::-webkit-scrollbar-thumb {
  48. background-color: #888;
  49. border-radius: 5px;
  50. }
  51. /* 滚动条轨道(滑块外的区域) */
  52. ::-webkit-scrollbar-track {
  53. background-color: transparent !important; /* 这也是背景的一部分 */
  54. }
  55. .warnTable {
  56. .el-table {
  57. .el-table__header-wrapper {
  58. .el-table__header {
  59. thead {
  60. color: #fff;
  61. border-bottom: #c0c0c0;
  62. tr {
  63. th {
  64. background: rgb(46, 51, 52);
  65. }
  66. }
  67. }
  68. }
  69. }
  70. .el-table__body-wrapper {
  71. .el-table__body {
  72. tbody {
  73. .el-table__row {
  74. .el-table__cell {
  75. background: rgb(46, 51, 52);
  76. color: #fff;
  77. border-bottom: #c0c0c0;
  78. }
  79. }
  80. .el-table__row--striped {
  81. .el-table__cell {
  82. background: #3c3f44;
  83. border-bottom: #c0c0c0;
  84. }
  85. }
  86. }
  87. }
  88. }
  89. }
  90. }
  91. .reportTable {
  92. .el-table {
  93. --el-table-border-color: none;
  94. .el-table__header-wrapper {
  95. .el-table__header {
  96. thead {
  97. color: #fff;
  98. border-bottom: #c0c0c0;
  99. tr {
  100. th {
  101. background: rgb(35, 67, 73) !important;
  102. }
  103. }
  104. }
  105. }
  106. }
  107. .el-table__body-wrapper {
  108. .el-table__body {
  109. tbody {
  110. .el-table__row {
  111. .el-table__cell {
  112. background: rgb(22, 42, 46);
  113. color: #fff;
  114. border-bottom: #c0c0c0;
  115. }
  116. }
  117. .el-table__row--striped {
  118. .el-table__cell {
  119. background: rgb(35, 67, 73);
  120. border-bottom: #c0c0c0;
  121. }
  122. }
  123. }
  124. }
  125. }
  126. }
  127. }
  128. .el-popper{
  129. .el-date-picker{
  130. .el-picker-panel__body-wrapper{
  131. .el-picker-panel__body{
  132. background: rgb(35, 67, 73) !important;
  133. .el-date-picker__header{
  134. .el-date-picker__prev-btn, .el-date-picker__next-btn{
  135. .d-arrow-left, .d-arrow-right{
  136. color: #fff;
  137. }
  138. }
  139. .el-date-picker__header-label{
  140. color: #fff;
  141. }
  142. }
  143. .el-picker-panel__content{
  144. .el-date-table-cell__text{
  145. color: #fff;
  146. }
  147. }
  148. }
  149. }
  150. }
  151. }