base.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  13. height: 100%;
  14. color: #333;
  15. }
  16. a {
  17. text-decoration: none;
  18. color: #333;
  19. outline: none;
  20. }
  21. i {
  22. font-style: normal;
  23. }
  24. img {
  25. max-width: 100%;
  26. max-height: 100%;
  27. vertical-align: middle;
  28. }
  29. ul {
  30. list-style: none;
  31. }
  32. #root {
  33. width: 100vw;
  34. height: 100vh;
  35. min-width: 1600px;
  36. min-height: 900px;
  37. overflow-y: auto;
  38. }
  39. /* 文本域取消下拉 */
  40. textarea{
  41. resize:none !important;
  42. }
  43. /* 主题色 */
  44. :root {
  45. --themeColor: #9F1927
  46. }
  47. a {
  48. color: var(--themeColor);
  49. }
  50. /* 按钮的危险颜色 */
  51. .ant-btn-text.ant-btn-dangerous {
  52. color: var(--themeColor);
  53. }
  54. /* antd分页器样式 */
  55. .ant-pagination .ant-pagination-item {
  56. border-radius: 50%;
  57. border: 1px solid #999;
  58. background-color: transparent !important;
  59. }
  60. .ant-pagination .ant-pagination-item-active {
  61. background-color: var(--themeColor) !important;
  62. }
  63. .ant-pagination .ant-pagination-item-active a {
  64. color: #fff !important;
  65. }
  66. .ant-pagination .ant-pagination-item:hover {
  67. background-color: var(--themeColor) !important;
  68. }
  69. .ant-pagination .ant-pagination-item:hover a {
  70. color: #fff !important;
  71. }
  72. .ant-pagination-prev {
  73. border-radius: 50% !important;
  74. border: 1px solid #999;
  75. }
  76. .ant-pagination-prev:hover {
  77. background-color: var(--themeColor);
  78. }
  79. .ant-pagination-prev:hover button {
  80. color: #fff;
  81. }
  82. .ant-pagination-next {
  83. border-radius: 50% !important;
  84. border: 1px solid #999;
  85. }
  86. .ant-pagination-next:hover {
  87. background-color: var(--themeColor);
  88. }
  89. .ant-pagination-next:hover button {
  90. color: #fff;
  91. }
  92. .ant-pagination-disabled {
  93. border: 1px solid #ccc;
  94. }
  95. .ant-pagination-disabled:hover {
  96. background-color: transparent;
  97. }
  98. img{
  99. object-fit: cover;
  100. }
  101. [hidden] {
  102. display: none !important;
  103. }