base.less 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. // @import "/fonts/iconfont/custom/iconfont.css"; // 引入自定义的 iconfont
  2. // @import "/fonts/iconfont/default/iconfont.css"; // 引入默认的 iconfont
  3. // :global(.anticon) {
  4. // &:before {
  5. // font-family: "anticon", "anticon-custom" !important
  6. // }
  7. // }
  8. // 菜单项间隔去除margin
  9. .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider {
  10. margin: 0;
  11. }
  12. .ant-dropdown-menu {
  13. padding: 0;
  14. }
  15. .ant-input[disabled],.ant-select-disabled,.ant-input-number-disabled {
  16. color: rgba(0, 0, 0, 0.5);
  17. }
  18. // Button
  19. // .ant-btn {
  20. // background: #F5FBFE;
  21. // border: 1px solid #408DC6;
  22. // }
  23. // .ant-btn-primary {
  24. // background-color: #1890ff;
  25. // }
  26. // .ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn-disabled:active, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn-disabled.active, .ant-btn.disabled.active, .ant-btn[disabled].active {
  27. // background-color: #f5f5f5;
  28. // border-color: #ccc;
  29. // }
  30. // Table
  31. .ant-table-body {
  32. margin-top: 10px;
  33. overflow: auto !important;
  34. }
  35. .ant-table-small > .ant-table-content > .ant-table-body {
  36. margin: 0;
  37. }
  38. .ant-table-row {
  39. background: #fff;
  40. }
  41. .ant-table-thead > tr > th {
  42. background: transparent;
  43. }
  44. .ant-table-thead > tr,.ant-table-thead > tr:hover {
  45. height: 40px;
  46. background: #D6EEFE;
  47. }
  48. .ant-table-fixed-header .ant-table-scroll .ant-table-header {
  49. overflow: hidden;
  50. margin-bottom: 0 !important;
  51. margin-right: 10px;
  52. background: #D6EEFD;
  53. &:after {
  54. content: ' ';
  55. position: absolute;
  56. height: 41px;
  57. width: 11px;
  58. right: 0;
  59. top: 0px;
  60. background: #D6EEFD;
  61. border-bottom: 1px solid #e8e8e8;
  62. }
  63. }
  64. // ListFilter
  65. .list-filter .ant-select:first-child .ant-select-selection.ant-select-selection--single {
  66. background: #F5FBFE;
  67. cursor: default;
  68. }
  69. // Dropdown Menu
  70. .ant-dropdown-menu {
  71. border: 1px solid #408DC6;
  72. .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
  73. color: @item-active-color;
  74. background-color: @item-active-bg-color;
  75. }
  76. .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover {
  77. color: rgba(0, 0, 0, 0.25);
  78. background-color: #fff;
  79. }
  80. }
  81. // Checkbox
  82. .ant-checkbox-inner {
  83. border-radius: @checkbox-border-radius;
  84. }
  85. // Modal
  86. .ant-modal-header {
  87. display: table;
  88. width: 100%;
  89. padding: 42px 36px 0;
  90. border-bottom: none;
  91. &:before, &:after {
  92. content: "";
  93. position: relative;
  94. width: 33%;
  95. border-top: 1px solid #e8e8e8;
  96. display: table-cell;
  97. transform: translateY(50%);
  98. }
  99. .ant-modal-title {
  100. color: #2C82BE;
  101. text-align: center;
  102. }
  103. }
  104. .ant-modal-body {
  105. padding: 24px 36px;
  106. }
  107. .ant-modal-footer {
  108. padding: 12px 36px;
  109. }
  110. .ant-modal-close {
  111. position: absolute;
  112. top: 8px;
  113. right: 8px;
  114. .ant-modal-close-x {
  115. height: 32px;
  116. width: 32px;
  117. line-height: 32px;
  118. font-size: 18px;
  119. }
  120. }
  121. // 滚动条
  122. *::-webkit-scrollbar {
  123. width: 10px;
  124. height: 10px;
  125. }
  126. *::-webkit-scrollbar-thumb {
  127. background: #C2EAFC;
  128. border-radius: 4px;
  129. &:hover {
  130. background: #74c3e6;
  131. }
  132. }
  133. *::-webkit-scrollbar-track {
  134. background: #fff;
  135. border: 1px solid #e5e5e5;
  136. border-radius: 4px;
  137. }