base.less 1.7 KB

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