OptimizationTasks.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .title {
  2. font-size: 32px;
  3. margin-bottom: 16px;
  4. font-weight: bold;
  5. line-height: 44px;
  6. display: flex;
  7. align-items: center;
  8. i {
  9. display: inline-block;
  10. vertical-align: middle;
  11. width: 14px;
  12. height: 14px;
  13. border-radius: 50%;
  14. background-color: #4a90e2;
  15. margin-right: 10px;
  16. }
  17. }
  18. .desc {
  19. font-size: 30px;
  20. font-weight: 400;
  21. color: #4a4a4a;
  22. }
  23. .content {
  24. display: flex;
  25. padding: 20px;
  26. align-items: center;
  27. .left {
  28. width: 150px;
  29. margin: 0;
  30. font-size: 24px;
  31. font-weight: 400;
  32. color: #3b3b3b;
  33. }
  34. .right {
  35. flex: 1;
  36. }
  37. }
  38. .orderIcon {
  39. background: #12ceb3;
  40. width: 300px;
  41. position: absolute;
  42. top: 40px;
  43. right: -92px;
  44. text-align: center;
  45. font-size: 24px;
  46. transform: rotate(45deg);
  47. padding: 10px 0;
  48. color: #fff;
  49. }
  50. .pageCard {
  51. margin-top: 30px;
  52. overflow: hidden;
  53. border-radius: 26px;
  54. box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.3);
  55. border: 1px solid #eee;
  56. position: relative;
  57. background: rgb(255, 255, 255);
  58. }
  59. .bottom {
  60. border-top: 1px solid #c0c0c0;
  61. padding: 38px;
  62. height: 100%;
  63. .bottomText {
  64. font-size: 24px;
  65. font-weight: 400;
  66. color: #4a4a4a;
  67. line-height: 34px;
  68. text-align: center;
  69. }
  70. }
  71. .btn {
  72. width: 120px;
  73. height: 56px;
  74. background: rgba(245, 166, 35, 0.75);
  75. border-radius: 5px;
  76. font-size: 24px;
  77. font-weight: 400;
  78. color: #ffffff;
  79. line-height: 56px;
  80. text-align: center;
  81. }
  82. .table2 {
  83. :global {
  84. .ant-table-thead {
  85. background: rgba(245, 166, 35, 0.14);
  86. }
  87. }
  88. }