base.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. word-wrap: break-word;
  6. -webkit-tap-highlight-color: transparent;
  7. }
  8. /* 全局css变量 */
  9. :root {
  10. --themeColor: #cc1424;
  11. --themeColor2: #272727;
  12. --fontNum: 14px;
  13. }
  14. html {
  15. height: 100%;
  16. user-select: none;
  17. }
  18. body {
  19. font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  20. font-size: var(--fontNum);
  21. height: 100%;
  22. color: black;
  23. overflow: auto;
  24. background-color: rgba(0, 0, 0, 0.8);
  25. }
  26. #root {
  27. overflow: hidden;
  28. margin: auto;
  29. position: relative;
  30. }
  31. #root > div {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. i {
  36. font-style: normal;
  37. }
  38. img {
  39. max-width: 100%;
  40. max-height: 100%;
  41. vertical-align: middle;
  42. object-fit: cover;
  43. }
  44. ul {
  45. list-style: none;
  46. }
  47. /* 文本域取消下拉 */
  48. textarea {
  49. resize: none !important;
  50. min-height: 100px !important;
  51. }
  52. /* 找不到页面 */
  53. .noFindPage {
  54. opacity: 0;
  55. transition: opacity 0.5s;
  56. text-align: center;
  57. }
  58. [hidden] {
  59. display: none !important;
  60. }
  61. /* antd图片预览组件 */
  62. .ant-image {
  63. display: none !important;
  64. }
  65. .mySorrl::-webkit-scrollbar {
  66. /*滚动条整体样式*/
  67. width: 5px;
  68. /*高宽分别对应横竖滚动条的尺寸*/
  69. height: 1px;
  70. }
  71. .mySorrl::-webkit-scrollbar-thumb {
  72. /*滚动条里面小方块*/
  73. border-radius: 10px;
  74. -webkit-box-shadow: inset 0 0 5px transparent;
  75. background: var(--themeColor);
  76. }
  77. .mySorrl::-webkit-scrollbar-track {
  78. /*滚动条里面轨道*/
  79. -webkit-box-shadow: inset 0 0 5px transparent;
  80. border-radius: 10px;
  81. background: transparent;
  82. }
  83. .ant-image-preview-operations {
  84. background-color: rgba(0, 0, 0, 0.8) !important;
  85. }