common.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @bg-color:#fff; /**主题背景色**/
  2. @header-height:50px; /***Header高度**/
  3. @table-th-color:#F2F4F6; /***表头背景色***/
  4. @active-bg:#DEF1FF; /***下拉项选中背景色***/
  5. .ant-form-item-label > label{
  6. color: #000;
  7. }
  8. .wrapper{
  9. min-width: 1214px;
  10. .basic{
  11. height: 78px;
  12. background: #fff;
  13. margin-bottom:12px;
  14. display: flex;
  15. justify-content: space-between;
  16. align-items: center;
  17. padding: 0 28px 0 60px;
  18. border-radius: 4px;
  19. .basic-left{
  20. display: flex;
  21. }
  22. .basic-right{
  23. & button:first-child{
  24. margin-right: 15px;
  25. }
  26. }
  27. }
  28. .table{
  29. padding: 0 28px;
  30. background: #fff;
  31. .table-header{
  32. display: flex;
  33. justify-content: space-between;
  34. padding: 24px 0;
  35. .ant-breadcrumb-link{
  36. font-size: 16px;
  37. font-weight: 500;
  38. color: #333333;
  39. }
  40. }
  41. }
  42. }
  43. //面包屑样式覆盖
  44. .ant-breadcrumb{
  45. margin: 20px 0 30px 30px;
  46. }
  47. //步骤条样式覆盖
  48. .ant-steps-item-icon{
  49. width: 44px;
  50. height: 44px;
  51. line-height: 44px;
  52. }
  53. .ant-steps-item-tail{
  54. top:18px;
  55. left: 4px;
  56. }
  57. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after,
  58. .ant-steps-item-title::after,
  59. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after{
  60. background-color:#c2c2c2;
  61. }
  62. .ant-steps-item-icon, .ant-steps-item-content{
  63. vertical-align: unset;
  64. }
  65. //启用
  66. .Enable::before{
  67. content: "";
  68. width: 5px;
  69. height: 5px;
  70. display: block;
  71. position: absolute;
  72. left: 8px;
  73. top: 24px;
  74. background: #1690FF;
  75. border-radius: 50%;
  76. }
  77. //禁用
  78. .Disable::before{
  79. content: "";
  80. width: 5px;
  81. height: 5px;
  82. display: block;
  83. position: absolute;
  84. left: 8px;
  85. top: 24px;
  86. background: #FE9748;
  87. border-radius: 50%;
  88. }