style.less 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .pagination {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: flex-end;
  5. align-items: center;
  6. margin-top: 16px;
  7. }
  8. .mccsLighttable {
  9. width: 100%;
  10. border-radius: 4px;
  11. border:1px solid #CFD6E6;
  12. overflow: hidden;
  13. .columns {
  14. display: flex;
  15. width: 100%;
  16. flex-direction: row;
  17. justify-content: center;
  18. align-items: center;
  19. background-color: #F0F2F5;
  20. border-bottom:1px solid #CFD6E6;
  21. .columnBlock {
  22. position: relative;
  23. text-align: center;
  24. height: 40px;
  25. line-height: 40px;
  26. font-size: 14px;
  27. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  28. font-weight: 500;
  29. color: #17181A;
  30. &::after {
  31. display: block;
  32. position: absolute;
  33. right: 0;
  34. top:0;
  35. content: '';
  36. width: 1px;
  37. height:500px;
  38. border-left:1px solid #CFD6E6;
  39. }
  40. &:last-child {
  41. border-right: none;
  42. &::after {
  43. display: none;
  44. }
  45. }
  46. }
  47. }
  48. .listWrap {
  49. width: 100%;
  50. .empty {
  51. display: flex;
  52. justify-content: center;
  53. align-items: center;
  54. min-height:172px;
  55. }
  56. .listRow {
  57. width: 100%;
  58. font-size: 0;
  59. .list {
  60. position: relative;
  61. display: flex;
  62. width: 100%;
  63. flex-direction: row;
  64. justify-content: flex-start;
  65. align-items: center;
  66. border-bottom: 1px solid #CFD6E6;
  67. font-size: 0;
  68. .head {
  69. position: absolute;
  70. left:0;
  71. top:0;
  72. display: flex;
  73. height: 100%;
  74. justify-content: center;
  75. align-items: center;
  76. font-size: 14px;
  77. font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  78. font-weight: 400;
  79. color: #17181A;
  80. }
  81. .headRelaData {
  82. display: flex;
  83. width: 100%;
  84. flex-direction: column;
  85. font-size: 0;
  86. .subList {
  87. width: 100%;
  88. display: flex;
  89. flex-direction: row;
  90. border-bottom:1px solid #CFD6E6;
  91. // border-top: none;
  92. // border-right: none;
  93. font-size: 0;
  94. .cell {
  95. text-align: center;
  96. height: 40px;
  97. line-height: 40px;
  98. font-size: 14px;
  99. font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  100. font-weight: 400;
  101. color: #17181A;
  102. overflow: hidden;
  103. text-overflow: ellipsis;
  104. white-space: nowrap;
  105. // border:1px solid #CFD6E6;
  106. }
  107. &:last-child {
  108. border-bottom: none;
  109. }
  110. }
  111. }
  112. &:last-child {
  113. border-bottom: none;
  114. }
  115. }
  116. }
  117. }
  118. }