OptimizationTasks.less 1.4 KB

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