base.less 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. html {
  7. height: 100%;
  8. font-size: 14px;
  9. user-select: none;
  10. }
  11. body {
  12. font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB',
  13. 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  14. height: 100%;
  15. color: #333;
  16. }
  17. a {
  18. text-decoration: none;
  19. color: #333;
  20. outline: none;
  21. }
  22. i {
  23. font-style: normal;
  24. }
  25. img {
  26. max-width: 100%;
  27. max-height: 100%;
  28. vertical-align: middle;
  29. object-fit: cover;
  30. }
  31. ul {
  32. list-style: none;
  33. }
  34. body {
  35. overflow-y: overlay;
  36. }
  37. /* 文本域取消下拉 */
  38. textarea {
  39. resize: none !important;
  40. }
  41. /* 主题色 */
  42. :root {
  43. --themeColor: #9f1927;
  44. }
  45. a {
  46. color: var(--themeColor);
  47. }
  48. [hidden] {
  49. display: none !important;
  50. }
  51. /* 兼容360浏览器的下拉框 */
  52. .ant-select-selector {
  53. position: relative;
  54. background-color: #ffffff;
  55. border: 1px solid #d9d9d9;
  56. transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  57. }
  58. // antd的样式覆盖
  59. #root {
  60. width: 100vw;
  61. height: 100vh;
  62. min-width: 1600px;
  63. min-height: 900px;
  64. overflow-y: auto;
  65. /* 按钮的危险颜色 */
  66. .ant-btn-text.ant-btn-dangerous {
  67. color: var(--themeColor);
  68. }
  69. /* antd分页器样式 */
  70. // .ant-pagination .ant-pagination-item {
  71. // border-radius: 50%;
  72. // border: 1px solid #999;
  73. // background-color: transparent;
  74. // }
  75. // .ant-pagination .ant-pagination-item-active {
  76. // background-color: var(--themeColor);
  77. // }
  78. // .ant-pagination .ant-pagination-item-active a {
  79. // color: #fff;
  80. // }
  81. // .ant-pagination .ant-pagination-item:hover {
  82. // background-color: var(--themeColor);
  83. // }
  84. // .ant-pagination .ant-pagination-item:hover a {
  85. // color: #fff;
  86. // }
  87. // .ant-pagination-prev {
  88. // border-radius: 50%;
  89. // border: 1px solid #999;
  90. // }
  91. // .ant-pagination-prev:hover {
  92. // background-color: var(--themeColor);
  93. // }
  94. // .ant-pagination-prev:hover button {
  95. // color: #fff;
  96. // }
  97. // .ant-pagination-next {
  98. // border-radius: 50%;
  99. // border: 1px solid #999;
  100. // }
  101. // .ant-pagination-next:hover {
  102. // background-color: var(--themeColor);
  103. // }
  104. // .ant-pagination-next:hover button {
  105. // color: #fff;
  106. // }
  107. // .ant-pagination-disabled {
  108. // border: 1px solid #ccc;
  109. // }
  110. // .ant-pagination-disabled:hover {
  111. // background-color: transparent;
  112. // }
  113. /* antd图片预览组件 */
  114. .ant-image {
  115. display: none !important;
  116. }
  117. }
  118. /* 找不到页面 */
  119. .noFindPage {
  120. opacity: 0;
  121. transition: opacity 0.5s;
  122. }